Коди кольорів 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)

 

---

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

• Панель навігації CSS