因特網, 網頁設計
CSS顏色屬性。 顏色代碼
其中一個工具來改變網頁樣式 - CSS顏色。 有幾種方法來更改此設置。 每個人都有優點也有缺點。
名
顏色屬性設置項目的顏色。 職稱145色調包含在CSS。 其中有簡單的(如黑色,藍色)和複雜(比如深紅,草綠)。
由於硬整個列表要記住,樣式表的名字很少被使用。
RGB
大部分的電視,智能手機,顯示器用RGB顏色模式工作。 也就是說,任何顏色可以被設置為原色,這是紅,綠和藍的組合。 . 類似的方法在兩個設備上使用,並在CSS。 основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. 顏色是 基本組合物,其值為從0到255的許多可能的顏色等於16777216。
由於RGB模型直接關係到彩色成像的物理定律,在其中指定為RGB(0,0,0),白黑- RGB(255,255,255)。 RGBA系統完全類似RGB,通過添加α通道的。 它會影響透明度,這與背景融合樹蔭。 在這種形式的元素的將根據“襯底”而變化。
HSL
要了解如何HLS系統,您需要提交的色輪。 在它的中心是紅色的,然後(順時針)所有其他彩虹的顏色。 цвета при помощи системы HLS требуется задать три параметра: 為了確定 使用HLS系統 的CSS 顏色 需要三個參數:
- 色調(以度為單位) -圓心的方向;
- 飽和度(百分比) - 多少顏色,你需要;
- 亮度(百分比)。
例如,紫色可以以這樣的方式確定:HSL(315,100%,45%)。 HSL是最方便的實驗。 研究後 色輪, 你可以一邊看樣式大致代表什麼顏色設置特定元素。 HSLA - 相同HLS,只用α:HSL(0,100%,50%,0.6) - 紅色,透明略超過一半。
HEX
CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . 在CSS中, 您可以用十六進制表示,如由值 #FF4500 確定橙色設置顏色 。
為了更好地理解什麼十六進制表示的,應進一步考慮十進制系統。 它具有從0到9的數字當該得分是必要的數大於9,增加另一個類,和原來10,則100,等等。D.在十六進制系統中,所有完全相同的,但它是9後A,然後B,等等到F -相同15在十進制系統中。 然後添加一個數字,而且事實證明在通常的術語16的10。
如RGB,十六進制的顏色在什麼比例,表示要使用原色。 (:#FFD500顏色)在這種情況下,它們不會由逗號分隔。 每兩個字符指定的紅色,綠色和藍色的數量。
CSS. 作為一項規則,HEX系統沒有在實驗中使用,因為它是不可能找到正確的 CSS 顏色。 может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. 該表 可以在這個問題上有所幫助,但如果你不斷地提到它,工作將被推遲。 當模板從圖形編輯器轉移十六進制表示是最方便的。 這是很容易複製,從它只是一個數字比三圈。
哪種方法是最好的?
由於這個原因,我們也不能說什麼具體的。 如果接口的元素需要透明度,RGBA和HSLA之間進行選擇。 如果你想在瀏覽器中HLS色輪實驗將是最方便的。 如果您使用的是調色板上或從Photoshop中傳輸的設計,應該更喜歡CSS的十六進制顏色代碼。
Similar articles
Trending Now