Коди кольорів 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 (250128114)
  темно-лососевий # E9967A rgb (233 150 122)
  світлокоралові # F08080 rgb (2401228128)
  незадоволений # 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 (255127,80)
  помідор # FF6347 rgb (255,99,71)
  помаранчево-червоний # FF4500 rgb (255,69,0)
  золото # FFD700 rgb (255215,0)
  помаранчевий # FFA500 RGB (255 165,0)
  даркоранж # FF8C00 rgb (255 140,0)

Жовті кольори

Колір
Назва кольору HTML / CSS
Шістнадцятковий код
#RRGGBB
Десятковий код
(R, G, B)
  світло-жовтий # FFFFE0 rgb (255255524)
  лимонний шифон #FFFACD rgb (255 250 205)
  світлоголденродютий # FAFAD2 rgb (250250210)
  папайя # FFEFD5 rgb (255 239 233)
  мокасин # FFE4B5 rgb (255, 228, 181)
  персиковий # FFDAB9 rgb (255,218,185)
  палеголденрод # EEE8AA rgb (238 232 170)
  хакі # F0E68C rgb (240230140)
  темний хакі # BDB76B ргб (189,183,107)
  жовтий # FFFF00 rgb (255255,0)

Зелені кольори

Колір
Назва кольору HTML / CSS
Шістнадцятковий код
#RRGGBB
Десятковий код
(R, G, B)
  газонний # 7CFC00 rgb (124252,0)
  чартрез # 7FFF00 rgb (127255,0)
  зелений лайм # 32CD32 rgb (50205,50)
  вапно # 00FF00 rgb (0.255.0)
  лісова зелень # 228B22 rgb (34139,34)
  зелений # 008000 rgb (0,128,0)
  темно-зелений # 006400 rgb (0,100,0)
  зеленувато-жовтий # ADFF2F rgb (173255,47)
  жовтозелена # 9ACD32 rgb (154205,50)
  весняно-зелена # 00FF7F rgb (0,255,127)
  середньовесназелена # 00FA9A rgb (0,250,154)
  світло-зелений # 90EE90 rgb (144 238 144)
  блідо-зелений # 98FB98 rgb (152 251 152)
  темноморська # 8FBC8F rgb (143188143)
  середньоморська # 3CB371 rgb (60,179,113)
  морська зелень # 2E8B57 rgb (46139,87)
  оливкова # 808000 rgb (128128,0)
  дарколівегрін # 556B2F rgb (85107,47)
  оліведраб # 6B8E23 rgb (107142,35)

Блакитні кольори

Колір
Назва кольору HTML / CSS
Шістнадцятковий код
#RRGGBB
Десятковий код
(R, G, B)
  lightcyan # E0FFFF rgb (224255255)
  блакитний # 00FFFF rgb (0,255,255)
  аква # 00FFFF rgb (0,255,255)
  аквамарин # 7FFFD4 rgb (1272555122)
  медіумаквамарин # 66CDAA rgb (102 205 170)
  палітруза #AFEEEE rgb (175 238 238)
  бірюзовий # 40E0D0 rgb (64 224 208)
  середньо-бірюзовий # 48D1CC rgb (72209204)
  темно-бірюзовий # 00CED1 rgb (0 206 209)
  світломорська # 20B2AA rgb (32,178,170)
  кадет-синій # 5F9EA0 rgb (9515860)
  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)
  глибокийсиній # 00BFFF rgb (0,191,255)
  світлий сталевийсиній # B0C4DE rgb (176 196 222)
  dodgerblue # 1E90FF rgb (301444255)
  волошковийсиній # 6495ED rgb (100144937)
  сталевийсиній # 4682B4 rgb (70 130 180)
  Королівський синій # 4169E1 rgb (65 105 225)
  блакитний # 0000FF rgb (0,0255)
  середня величина # 0000CD rgb (0,0205)
  темно-синій # 00008B rgb (0,0139)
  флот # 000080 rgb (0,0128)
  північно-синя # 191970 rgb (25,25,112)
  середньоширий блакитний # 7B68EE rgb (123 104 248)
  шифер # 6A5ACD rgb (10690205)
  темно-синій # 483D8B rgb (72,61,139)

Фіолетові кольори

Колір
 Назва кольору HTML / CSS
Шістнадцятковий код
 #RRGGBB
Десятковий код
(R, G, B)
  лаванда # E6E6FA rgb (230 230 250)
  осот # D8BFD8 rgb (216 191 216)
  слива # DDA0DD rgb (221 160 221)
  фіолетовий # EE82EE rgb (238 130 238)
  орхідея # DA70D6 rgb (218111214)
  фуксія # FF00FF rgb (255,0255)
  пурпуровий # FF00FF rgb (255,0255)
  середньоорхідея # BA55D3 rgb (186,85,211)
  середньофіолетовий # 9370DB rgb (147111219)
  блакитний фіолетовий # 8A2BE2 rgb (138,43,226)
  темнофіолетовий # 9400D3 rgb (148 0211)
  темнорхіда # 9932CC rgb (153,50204)
  темнамагента # 8B008B rgb (139 0139)
  фіолетовий # 800080 rgb (128,0128)
  індиго # 4B0082 rgb (75 0130)

Рожеві кольори

Колір
Назва кольору HTML / CSS
Шістнадцятковий код
#RRGGBB
Десятковий код
(R, G, B)
  рожевий # FFC0CB ргб (255192203)
  світло-рожевий # FFB6C1 ргб (255,182,193)
  яскраво-рожевий # FF69B4 rgb (255,105,180)
  глибокий рожевий # FF1493 rgb (255,20147)
  блідофіолетовий # DB7093 rgb (219,112,147)
  середньофіолетовий # C71585 rgb (199,21,133)

Білі кольори

Колір
Назва кольору HTML / CSS
Шістнадцятковий код
#RRGGBB
Десятковий код
(R, G, B)
  білий #FFFFFF rgb (255 255 555)
  сніг #FFFAFA rgb (255 250 250)
  медова роса # F0FFF0 rgb (2402555240)
  м’ятний крем # F5FFFA rgb (24525550)
  блакитний # F0FFFF rgb (240255255)
  алісово-синій # F0F8FF rgb (240 248 255)
  привид білий # F8F8FF rgb (248248255)
  білий дим # F5F5F5 rgb (245 245 245)
  черепашка # FFF5EE rgb (255 245 238)
  бежевий # F5F5DC rgb (245 245 220)
  олдлейс # FDF5E6 rgb (253 245 230)
  квітково-білий # FFFAF0 rgb (255 250 250)
  слонової кістки # FFFFF0 rgb (255255540)
  антикварний # FAEBD7 rgb (250 235 215)
  білизна # FAF0E6 rgb (250240230)
  лавандовий рум'янець # FFF0F5 rgb (255 240 245)
  мізероза # FFE4E1 rgb (255 228 225)

Сірі кольори

Колір
Назва кольору HTML / CSS
Шістнадцятковий код
#RRGGBB
Десятковий код
(R, G, B)
  Гейнсборо #DCDCDC rgb (220220220)
  світло-сірий # D3D3D3 rgb (211,211,211)
  срібло # C0C0C0 rgb (192 192 192)
  темно-сірий # A9A9A9 rgb (169169699)
  сірий # 808080 rgb (1281228128)
  димгрей # 696969 rgb (105105105)
  лайтшлейф # 778899 rgb (119,136,153)
  слайтегрей # 708090 rgb (112 128 284)
  темно-сірий # 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)
  бурлівуд # DEB887 rgb (222,184,135)
  загар # D2B48C rgb (210,180,140)
  рожево-коричневий # BC8F8F rgb (188144314)
  пісочно-коричневий # F4A460 rgb (244 164,96)
  золотарник # DAA520 rgb (218 165,32)
  Перу # CD853F rgb (205133,63)
  шоколад # D2691E rgb (210105,30)
  сідловий # 8B4513 rgb (139,69,19)
  Сієнна # A0522D rgb (160,82,45)
  коричневий # A52A2A rgb (165,42,42)
  темно-бордовий # 800000 rgb (128,0,0)

 


Дивіться також

Advertising

CSS
ШВИДКІ СТОЛИ