Кольорами HTML називають позначення кольорів, що використовуються у мові розмітки вебсторінок. Мова розмітки вебсторінок HTML передбачає два різновиди представлення кольору:
- У вигляді рядку, що починається з символу «#» (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 ключових кольорів (у даному контексті можна використовувати як великі, так і малі літери):
Назва англійською | Hex (RGB) | Червоний (RGB) | Зелений (RGB) | Синій (RGB) | Тон (HSL/HSV) | Насич. (HSL) | Освітл. (HSL) | Насич. (HSV) | Value (HSV) | CGA-номер (назва); синонім |
---|---|---|---|---|---|---|---|---|---|---|
White | #FFFFFF | 100% | 100% | 100% | 0° | 0% | 100% | 0% | 100% | 15 (white) |
Silver | #C0C0C0 | 75% | 75% | 75% | 0° | 0% | 75% | 0% | 75% | 07 (light gray) |
Gray | #808080 | 50% | 50% | 50% | 0° | 0% | 50% | 0% | 50% | 08 (dark gray) |
Black | #000000 | 0% | 0% | 0% | 0° | 0% | 0% | 0% | 0% | 00 (black) |
Red | #FF0000 | 100% | 0% | 0% | 0° | 100% | 50% | 100% | 100% | 12 (high red) |
Maroon | #800000 | 50% | 0% | 0% | 0° | 100% | 25% | 100% | 50% | 04 (low red) |
Yellow | #FFFF00 | 100% | 100% | 0% | 60° | 100% | 50% | 100% | 100% | 14 (yellow) |
Olive | #808000 | 50% | 50% | 0% | 60° | 100% | 25% | 100% | 50% | 06 (brown) |
Lime | #00FF00 | 0% | 100% | 0% | 120° | 100% | 50% | 100% | 100% | 10 (high green); green |
Green | #008000 | 0% | 50% | 0% | 120° | 100% | 25% | 100% | 50% | 02 (low green) |
Aqua | #00FFFF | 0% | 100% | 100% | 180° | 100% | 50% | 100% | 100% | 11 (high cyan); cyan |
Teal[en] | #008080 | 0% | 50% | 50% | 180° | 100% | 25% | 100% | 50% | 03 (low cyan) |
Blue | #0000FF | 0% | 0% | 100% | 240° | 100% | 50% | 100% | 100% | 09 (high blue) |
Navy | #000080 | 0% | 0% | 50% | 240° | 100% | 25% | 100% | 50% | 01 (low blue) |
Fuchsia | #FF00FF | 100% | 0% | 100% | 300° | 100% | 50% | 100% | 100% | 13 (high magenta); magenta |
Purple | #800080 | 50% | 0% | 50% | 300° | 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-кольори» (англ. Only Web 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 Редагувати
|
|
|
Примітки Редагувати
- ↑ Специфікація HTML4, кольори [ 4 червня 2014 у Wayback Machine.](англ.)
- Специфікація HTML5, кольори [ 4 червня 2014 у Wayback Machine.](англ.)
- . Архів оригіналу за 23 квітня 2008. Процитовано 18 грудня 2010.