Кольорами HTML називають позначення кольорів, що використовуються у мові розмітки вебсторінок. Мова розмітки вебсторінок HTML передбачає два різновиди представлення кольоруСпецифікація HTML4, кольори Специфікація HTML5, кольори : У вигляді рядку, що починається з символу «#» (U+0023) і включає також три пари шістнадцяткових цифр, які відповідають відповідно за червоний (перша пара), зелений (друга пара) і синій (третя пара) кольори. Наприклад, #0000FF — синій колір. Також існує спрощений варіант вказання. Наприклад, #FFF, що відповідатиме #FFFFFF (білий колір), чи #FA8=#FFAA88 — світлий відтінок червоно-оранжевого. За допомогою ключових слів англійською мовою, наприклад green, black, при цьому слід мати на увазі, що браузери підтримують лише обмежену кількість таких слів, а також слово transparent (прозорий). RGB (R,G,B) чи RGB (R,G,B,*) — перші три параметри це кольори червоний (Red), зелений (Green), синій (Blue), записуються числами від 0 до 255. Можливий четвертий параметр *, це число від 0 до 1, визначає ступінь непрозорості кольору. Наприклад, rgba(0,255,0,0.3); відображатиме зелений колір із прозорістю 70 %.

Застосування кольорів безпосередньо у HTML-коді є застарілим підходом і є небажаним. Тому рекомендується використання каскадних таблиць стилів CSS.

Назви кольорів в HTML

В специфікації HTML 4.01 визначені такі 16 ключових кольорів (у даному контексті можна використовувати як великі, так і малі літери):

+ CSS 1–2.0, HTML 3.2–4 та VGA назв кольорів Назваанглійською Hex (RGB) Червоний (RGB) Зелений (RGB) Синій (RGB) Тон (HSL/HSV) Насич. (HSL) Освітл. (HSL) Насич. (HSV) Value (HSV) CGA-номер(назва); синонім White #FFFFFF 100% 100% 100% ° 0% 100% 0% 100% 15 (white) Silver #C0C0C0 75% 75% 75% ° 0% 75% 0% 75% 07 (light gray) Gray #808080 50% 50% 50% ° 0% 50% 0% 50% 08 (dark gray) Black #000000 0% 0% 0% ° 0% 0% 0% 0% 00 (black) Red #FF0000 100% 0% 0% ° 100% 50% 100% 100% 12 (high red) Maroon #800000 50% 0% 0% ° 100% 25% 100% 50% 04 (low red) Yellow #FFFF00 100% 100% 0% ° 100% 50% 100% 100% 14 (yellow) Olive #808000 50% 50% 0% ° 100% 25% 100% 50% 06 (brown) Lime #00FF00 0% 100% 0% ° 100% 50% 100% 100% 10 (high green); green Green #008000 0% 50% 0% ° 100% 25% 100% 50% 02 (low green) Aqua #00FFFF 0% 100% 100% ° 100% 50% 100% 100% 11 (high cyan); cyan #008080 0% 50% 50% ° 100% 25% 100% 50% 03 (low cyan) Blue #0000FF 0% 0% 100% ° 100% 50% 100% 100% 09 (high blue) Navy #000080 0% 0% 50% ° 100% 25% 100% 50% 01 (low blue) Fuchsia #FF00FF 100% 0% 100% ° 100% 50% 100% 100% 13 (high magenta); magenta Purple #800080 50% 0% 50% ° 100% 25% 100% 50% 05 (low magenta)

Безпечна палітра Netscape

В епоху 256-кольорових моніторів широко застосовувалася так звана «безпечна палітра Netscape» — однорідна палітра 6 × 6 × 6. У truecolor у безпечних кольорів всі три компоненти — R, G і B — дорівнюють 00, 33, 66, 99, CC и FF. Браузер Netscape гарантував, що ці кольори будуть відображені без наближення або растрування. Іншими словами, ці 216 кольорів палітри 6 × 6 × 6 були найбільш переважними для кольору зображення та фону.

До кінця 90-х років, з повним зникненням 8-бітного кольору з робочих столів ОС, ця вимога зникла. Тим не менш, Adobe Photoshop і понині оснащений опцією «Тільки Web-кольори» ().

Перелік безпечних кольорів (Web-Safe Colors) *000* 300 600 900 C00 *F00* *003* 303 603 903 C03 *F03* 006 306 606 906 C06 F06 009 309 609 909 C09 F09 00C 30C 60C 90C C0C F0C *00F* 30F 60F 90F C0F *F0F* 030 330 630 930 C30 F30 033 333 633 933 C33 F33 036 336 636 936 C36 F36 039 339 639 939 C39 F39 03C 33C 63C 93C C3C F3C 03F 33F 63F 93F C3F F3F 060 360 660 960 C60 F60 063 363 663 963 C63 F63 066 366 666 966 C66 F66 069 369 669 969 C69 F69 06C 36C 66C 96C C6C F6C 06F 36F 66F 96F C6F F6F 090 390 690 990 C90 F90 093 393 693 993 C93 F93 096 396 696 996 C96 F96 099 399 699 999 C99 F99 09C 39C 69C 99C C9C F9C 09F 39F 69F 99F C9F F9F 0C0 3C0 6C0 9C0 CC0 FC0 0C3 3C3 6C3 9C3 CC3 FC3 0C6 3C6 6C6 9C6 CC6 FC6 0C9 3C9 6C9 9C9 CC9 FC9 0CC 3CC 6CC 9CC CCC FCC 0CF 3CF 6CF 9CF CCF FCF *0F0* 3F0 *6F0* 9F0 CF0 *FF0* 0F3 *3F3* *6F3* 9F3 CF3 *FF3* *0F6* *3F6* 6F6 9F6 *CF6* *FF6* 0F9 3F9 6F9 9F9 CF9 FF9 *0FC* *3FC* 6FC 9FC CFC FFC *0FF* *3FF* *6FF* 9FF CFF *FFF*

Назви кольорів в X11

HTML-назва Ч З Б16 Ч З Б10ЧервоніIndianRed CD 5C 5C 205 92 92LightCoral F0 80 80240 128 128Salmon FA 80 72250 128 114DarkSalmon E9 96 7A233 150 122LightSalmon FF A0 7A255 160 122Crimson DC 14 3C220 20 60Red FF 00 00255 0 0FireBrick B2 22 22178 34 34DarkRed 8B 00 00139 0 0РожевіPink FF C0 CB255 192 203LightPink FF B6 C1255 182 193HotPink FF 69 B4255 105 180DeepPink FF 14 93255 20 147MediumVioletRedC7 15 85199 21 133PaleVioletRed DB 70 93219 112 147ОранжевіLightSalmon FF A0 7A255 160 122Coral FF 7F 50255 127 80Tomato FF 63 47255 99 71OrangeRed FF 45 00255 69 0DarkOrange FF 8C 00255 140 0Orange FF A5 00255 165 0ЖовтіGold FF D7 00255 215 0Yellow FF FF 00255 255 0LightYellow FF FF E0255 255 224LemonChiffon FF FA CD255 250 205LightGoldenrodYellowFA FA D2250 250 210PapayaWhip FF EF D5255 239 213Moccasin FF E4 B5255 228 181PeachPuff FF DA B9255 218 185PaleGoldenrod EE E8 AA238 232 170Khaki F0 E6 8C240 230 140DarkKhaki BD B7 6B189 183 107ФіолетовіLavender E6 E6 FA230 230 250Thistle D8 BF D8216 191 216Plum DD A0 DD221 160 221Violet EE 82 EE238 130 238Orchid DA 70 D6218 112 214Fuchsia FF 00 FF255 0 255MagentaFF 00 FF255 0 255MediumOrchid BA 55 D3186 85 211MediumPurple 93 70 DB147 112 219BlueViolet 8A 2B E2138 43 226DarkViolet 94 00 D3148 0 211DarkOrchid 99 32 CC153 50 204DarkMagenta 8B 00 8B139 0 139Purple 80 00 80128 0 128Indigo 4B 00 82 75 0 130SlateBlue 6A 5A CD106 90 205DarkSlateBlue 48 3D 8B 72 61 139 HTML назва Ч З Б16 Ч З Б10ЗеленіGreenYellow AD FF 2F173 255 47Chartreuse 7F FF 00127 255 0LawnGreen 7C FC 00124 252 0Lime 00 FF 00 0 255 0LimeGreen 32 CD 32 50 205 50PaleGreen 98 FB 98152 251 152LightGreen 90 EE 90144 238 144MediumSpringGreen00 FA 9A 0 250 154SpringGreen 00 FF 7F 0 255 127MediumSeaGreen 3C B3 71 60 179 113SeaGreen 2E 8B 57 46 139 87ForestGreen 22 8B 22 34 139 34Green 00 80 00 0 128 0DarkGreen 00 64 00 0 100 0YellowGreen 9A CD 32154 205 50OliveDrab 6B 8E 23107 142 35Olive 80 80 00128 128 0DarkOliveGreen 55 6B 2F 85 107 47MediumAquamarine66 CD AA102 205 170DarkSeaGreen 8F BC 8F143 188 143LightSeaGreen 20 B2 AA 32 178 170DarkCyan 00 8B 8B 0 139 139Teal 00 80 80 0 128 128СиніAqua 00 FF FF 0 255 255Cyan 00 FF FF 0 255 255LightCyan E0 FF FF224 255 255PaleTurquoise AF EE EE175 238 238Aquamarine 7F FF D4127 255 212Turquoise 40 E0 D0 64 224 208MediumTurquoise 48 D1 CC 72 209 204DarkTurquoise00 CE D1 0 206 209CadetBlue 5F 9E A0 95 158 160SteelBlue 46 82 B4 70 130 180LightSteelBlue B0 C4 DE176 196 222PowderBlue B0 E0 E6176 224 230LightBlue AD D8 E6173 216 230SkyBlue 87 CE EB135 206 235LightSkyBlue87 CE FA135 206 250DeepSkyBlue 00 BF FF 0 191 255DodgerBlue 1E 90 FF 30 144 255CornflowerBlue64 95 ED100 149 237MediumSlateBlue7B 68 EE123 104 238RoyalBlue 41 69 E1 65 105 225Blue 00 00 FF 0 0 255MediumBlue 00 00 CD 0 0 205DarkBlue 00 00 8B 0 0 139Navy 00 00 80 0 0 128MidnightBlue 19 19 70 25 25 112 HTML назва Ч З Б16 Ч З Б10КоричневіCornsilk FF F8 DC255 248 220BlanchedAlmond FF EB CD255 235 205Bisque FF E4 C4255 228 196NavajoWhite FF DE AD255 222 173Wheat F5 DE B3245 222 179BurlyWood DE B8 87222 184 135Tan D2 B4 8C210 180 140RosyBrown BC 8F 8F188 143 143SandyBrown F4 A4 60244 164 96Goldenrod DA A5 20218 165 32DarkGoldenrod B8 86 0B184 134 11Peru CD 85 3F205 133 63Chocolate D2 69 1E210 105 30SaddleBrown 8B 45 13139 69 19Sienna A0 52 2D160 82 45Brown A5 2A 2A165 42 42Maroon 80 00 00128 0 0БіліWhite FF FF FF255 255 255Snow FF FA FA255 250 250Honeydew F0 FF F0240 255 240MintCream F5 FF FA245 255 250Azure F0 FF FF240 255 255AliceBlue F0 F8 FF240 248 255GhostWhite F8 F8 FF248 248 255WhiteSmoke F5 F5 F5245 245 245Seashell FF F5 EE255 245 238Beige F5 F5 DC245 245 220OldLace FD F5 E6253 245 230FloralWhite FF FA F0255 250 240Ivory FF FF F0255 255 240AntiqueWhite FA EB D7250 235 215Linen FA F0 E6250 240 230LavenderBlush FF F0 F5255 240 245MistyRose FF E4 E1255 228 225СіріGainsboro DC DC DC220 220 220LightGrey D3 D3 D3211 211 211Silver C0 C0 C0192 192 192DarkGray A9 A9 A9169 169 169Gray 80 80 80128 128 128DimGray 69 69 69105 105 105LightSlateGray 77 88 99119 136 153SlateGray 70 80 90112 128 144DarkSlateGray 2F 4F 4F 47 79 79Black 00 00 00 0 0 0

Примітки