CSS цветови кодове

CSS цветови кодове и имена.

CSS цвят

Цветовият код може да бъде един от:

Шестнадесетичен формат: #rrggbb

RGB формат: rgb (червен, зелен, син)

Формат на име : име

Пример

За оранжев цвят:

Шестнадесетичен формат: # FFA500

RGB формат: rgb (255,165,0)

Формат на име: оранжев

Задаване на цвят на елемента

За конкретен елемент:

<element style="color: code;"/</element/

За всички елементи от един и същи тип. Поставете код в таг <style/ в секцията head:

<style/
   element
{ color: code; }
</style/

Пример

Задаване на цвят на текста на абзаца на червен:

Задаване на цвят на конкретен абзац:

<p style="color: #FF0000;"/Some text ...</p/

Изглед:

Малко текст ...

Задаване на цвят на всички параграфи

<style>
   p { color: #FF0000; }
</style>

Задаване на цвят на фона на елемента

element { background: code; }

Пример

Задаване на цвят на фона на абзаца на червен:

Задаване на цвят на фона на конкретен абзац:

<p style="background: #FF0000;">Some text ...</p>

Изглед:

Малко текст ...

Задаване на цвят на фона на всички параграфи:

<style>
   p { background: #FF0000; }
</style>

Задаване на цвят на границата на елемента

element { border-color: topcode rightcode bottomcode leftcode }

Пример

Задаване на цвят на границата на абзаца на червено, зелено, синьо и черно:

Задаване на цвят на границата на конкретен абзац:

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>

Изглед:

Малко текст ...

Задаване на цвят на границата на всички параграфи:

<style>
   p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>

Червени цветове

Цвят
Име на цвета на HTML / CSS
Шестнадесетичен код
#RRGGBB
Десетичен код
(R, G, B)
  светлинна сьомга # FFA07A rgb (255 160 122)
  сьомга # FA8072 rgb (250 128 118)
  тъмна сьомга # E9967A rgb (233 150 122)
  светъл корал # F08080 rgb (240 128 128)
  обезсърчен # CD5C5C rgb (205,92,92)
  пурпурен # DC143C rgb (220,20,60)
  огнеупорна тухла # B22222 rgb (178,34,34)
  червен # FF0000 rgb (255,0,0)
  тъмно червено # 8B0000 rgb (139,0,0)

Оранжеви цветове

Цвят
Име на цвета на HTML / CSS
Шестнадесетичен код
#RRGGBB
Десетичен код
(R, G, B)
  корал # FF7F50 rgb (255 127,80)
  домат # FF6347 rgb (255,99,71)
  оранжево # FF4500 rgb (255,69,0)
  злато # FFD700 rgb (255 215,0)
  оранжево # FFA500 rgb (255 165,0)
  darkorange # FF8C00 rgb (255 140,0)

Жълти цветове

Цвят
Име на цвета на HTML / CSS
Шестнадесетичен код
#RRGGBB
Десетичен код
(R, G, B)
  светло жълто # FFFFE0 rgb (255,255,224)
  лимонов шифон #FFFACD rgb (255 250 205)
  lightgoldenrodyellow # FAFAD2 rgb (250 250 210)
  папая # FFEFD5 rgb (255 239 233)
  мокасин # FFE4B5 rgb (255,228,181)
  праскова # FFDAB9 rgb (255,218,185)
  палеголденрод # EEE8AA rgb (238 232 170)
  каки # F0E68C rgb (240 230 140)
  тъмно каки # BDB76B rgb (189,183,107)
  жълт # FFFF00 rgb (255,255,0)

Зелени цветове

Цвят
Име на цвета на HTML / CSS
Шестнадесетичен код
#RRGGBB
Десетичен код
(R, G, B)
  зелена светлина # 7CFC00 rgb (124 252,0)
  chartreuse # 7FFF00 rgb (127,255,0)
  варовик # 32CD32 rgb (50 205,50)
  вар # 00FF00 rgb (0.255.0)
  горско зелено # 228B22 rgb (34 139,34)
  зелено # 008000 rgb (0,128,0)
  тъмнозелено # 006400 rgb (0,100,0)
  зеленожълт # ADFF2F rgb (173,255,47)
  жълто зелен # 9ACD32 rgb (154,205,50)
  Springgreen # 00FF7F rgb (0,255,127)
  средна весназелена # 00FA9A rgb (0,250,154)
  светло зелено # 90EE90 rgb (144 238 144)
  бледо зелено # 98FB98 rgb (152 251 152)
  тъмнозелено # 8FBC8F rgb (143,188,143)
  средноморска # 3CB371 rgb (60 179 113)
  морско зелено # 2E8B57 rgb (46 139,87)
  маслини # 808000 rgb (128 128,0)
  darkolivegreen # 556B2F rgb (85,107,47)
  оливедраб # 6B8E23 rgb (107 142,35)

Сини цветове

Цвят
Име на цвета на HTML / CSS
Шестнадесетичен код
#RRGGBB
Десетичен код
(R, G, B)
  lightcyan # E0FFFF rgb (224 255 555)
  циан # 00FFFF rgb (0,255,255)
  аква # 00FFFF rgb (0,255,255)
  аквамарин # 7FFFD4 rgb (127,255,212)
  медиумаквамарин # 66CDAA rgb (102 205 170)
  палетрузово #AFEEEE rgb (175 238 238)
  тюркоаз # 40E0D0 rgb (64 224 208)
  средно тюркоаз # 48D1CC rgb (72 209 204)
  тъмно тюркоаз # 00CED1 rgb (0 206 209)
  lightseagreen # 20B2AA rgb (32 178 178)
  cadetblue # 5F9EA0 rgb (95,158,160)
  darkcyan # 008B8B rgb (0,139,139)
  чирка # 008080 rgb (0,128,128)

Сини цветове

Цвят
Име на цвета на HTML / CSS
Шестнадесетичен код
#RRGGBB
Десетичен код
(R, G, B)
  прахообразно синьо # B0E0E6 rgb (176 224 230)
  светло синьо # ADD8E6 rgb (173 216 230)
  lightkyblue # 87CEFA rgb (135 206 250)
  небесно синьо # 87CEEB rgb (135 206 235)
  deepskyblue # 00BFFF rgb (0,191,255)
  lightteelblue # B0C4DE rgb (176 196 222)
  dodgerblue # 1E90FF rgb (30 144 245)
  метличина синя # 6495ED rgb (100,149,237)
  стоманеносин # 4682B4 rgb (70 130 180)
  кралско синьо # 4169E1 rgb (65 105 225)
  син # 0000FF rgb (0,0,255)
  средна стойност # 0000CD rgb (0,0,205)
  тъмно синьо # 00008B rgb (0,0 139)
  флот # 000080 rgb (0,0 128)
  среднощно синьо # 191970 rgb (25,25,112)
  средна ширинасиня # 7B68EE rgb (123 104 248)
  шифер # 6A5ACD rgb (106 90 205)
  тъмносин # 483D8B rgb (72,61,139)

Лилави цветове

Цвят
 Име на цвета на HTML / CSS
Шестнадесетичен код
 #RRGGBB
Десетичен код
(R, G, B)
  лавандула # E6E6FA rgb (230 230 230)
  бодил # D8BFD8 rgb (216 191 216)
  слива # DDA0DD rgb (221 160 221)
  виолетово # EE82EE rgb (238 130 238)
  орхидея # DA70D6 rgb (218 112 214)
  фуксия # FF00FF rgb (255,0255)
  пурпурен # FF00FF rgb (255,0255)
  средна орхидея # BA55D3 rgb (186,85,211)
  среднолилав # 9370DB rgb (147,112,219)
  синьовиолетово # 8A2BE2 rgb (138,43 226)
  тъмновиолетово # 9400D3 rgb (148,0 211)
  тъмен орхидея # 9932CC rgb (153,50 204)
  darkmagenta # 8B008B rgb (139,0 139)
  лилаво # 800080 rgb (128,0 128)
  индиго # 4B0082 rgb (75,0 130)

Розови цветове

Цвят
Име на цвета на HTML / CSS
Шестнадесетичен код
#RRGGBB
Десетичен код
(R, G, B)
  розово # FFC0CB rgb (255 192 203)
  светло розово # FFB6C1 rgb (255,182,193)
  hotpink # FF69B4 rgb (255,105,180)
  deeppink # FF1493 rgb (255,20147)
  бледофиолетово # DB7093 rgb (219,112,147)
  средно виолетово # C71585 rgb (199,21,133)

Бели цветове

Цвят
Име на цвета на HTML / CSS
Шестнадесетичен код
#RRGGBB
Десетичен код
(R, G, B)
  бял #FFFFFF rgb (255,255,255)
  сняг #FFFAFA rgb (255 250 250)
  медена роса # F0FFF0 rgb (240 255 240)
  ментов крем # F5FFFA rgb (245 255 250)
  лазурен # F0FFFF rgb (240,255,255)
  алисово синьо # F0F8FF rgb (240 248 255)
  ghostwhite # F8F8FF rgb (248 248 255)
  бял дим # F5F5F5 rgb (245 245 245)
  мида # FFF5EE rgb (255 245 238)
  бежово # F5F5DC rgb (245 245 220)
  oldlace # FDF5E6 rgb (253 245 230)
  флорално бяло # FFFAF0 rgb (255 250 240)
  слонова кост # FFFFF0 rgb (255,255,240)
  античен бял # FAEBD7 rgb (250 235 215)
  спално бельо # FAF0E6 rgb (250 240 230)
  лавандула # FFF0F5 rgb (255 240 245)
  мъглица # FFE4E1 rgb (255 228 225)

Сиви цветове

Цвят
Име на цвета на HTML / CSS
Шестнадесетичен код
#RRGGBB
Десетичен код
(R, G, B)
  печалбаборо #DCDCDC rgb (220 220 220)
  светло сиво # D3D3D3 rgb (211 211 211)
  сребро # C0C0C0 rgb (192 192 192)
  тъмно сиво # A9A9A9 rgb (169,169,169)
  сиво # 808080 rgb (128 128 128)
  димгрей # 696969 rgb (105 105 105)
  лайтслайв # 778899 rgb (119,136,153)
  слатеграй # 708090 rgb (112 128 144)
  darkslategray # 2F4F4F rgb (47,79,79)
  черен # 000000 rgb (0,0,0)

Кафяви цветове

Цвят
Име на цвета на HTML / CSS
Шестнадесетичен код
#RRGGBB
Десетичен код
(R, G, B)
  царевица # FFF8DC rgb (255 248 220)
  бланширан бадем #FFEBCD rgb (255 235 205)
  бисквита # FFE4C4 rgb (255 228 196)
  навахоуайт #FFDEAD rgb (255 222 173)
  пшеница # F5DEB3 rgb (245 222 179)
  burlywood # DEB887 rgb (222,184,135)
  тен # D2B48C rgb (210 180 140)
  розовокафяв # BC8F8F rgb (188 144 143)
  пясъчнокафяв # F4A460 rgb (244 164,96)
  златна пръчица # DAA520 rgb (218 165,32)
  Перу # CD853F rgb (205, 133, 63)
  шоколад # D2691E rgb (210 105,30)
  седловиден # 8B4513 rgb (139,69,19)
  сиена # A0522D rgb (160,82,45)
  кафяв # A52A2A rgb (165,42,42)
  кестеняво # 800000 rgb (128,0,0)

 


Вижте също

Advertising

CSS
БЪРЗИ МАСИ