B0 цвят. Цветът в стиловете може да бъде зададен по различни начини: чрез шестнадесетична стойност, по име, във формат RGB, RGBA, HSL, HSLA. Използване на RGB
Тази страница съдържа таблица с ключови думи, които могат да се използват за обозначаване на цветове в такива езици за уеб разработчици като: HTML, CSS, JavaScript, Flash и др.
В старите спецификации за концерна WC3 бяха посочени само 16 ключови думи, с помощта на които се задаваха цветовете в HTML и CSS. В по-нататъшни, по-модерни спецификации, бяха добавени още 130 ключови думи за обозначаване на имена на цветове. Следващата таблица съдържа имената на цветовете и шестнадесетичните и RGB кодовете, на които отговарят.
Съгласно правилата на CSS имената на цветовете не са чувствителни към главни и малки букви. Цветните записи IndianRed и indianred са еквивалентни.
Заслужава да се отбележи също, че от 146 ключови думи в таблицата всъщност има по-малко цветове в нея. Това е така, защото някои ключови думи се отнасят за един и същи цвят. Така имената Gray и Gray представляват 50% код на сивото #808080, а думата Magenta е синоним на HTML цвят Fuchsia, съответстващ на шестнадесетичния код #FF00FF. Също така синоними са думите Aqua и Cyan, те съответстват на код #00FFFF.
|
|
CSS цветовият модул детайлизира стойности, които позволяват на авторите да дефинират цветовете и непрозрачността на html елементите, както и стойностите на свойството цвят.
цветно свойство
1. Приоритетни цветове: свойство цвят
Свойството определя цвета на шрифта с помощта на различни системи за цветопредаване. Свойството описва цвета на текстовото съдържание на елемента. Освен това се използва за предоставяне на потенциална непряка стойност (currentColor) за всички други свойства, които приемат цветови стойности.
Имотът е наследен.
2. Цветови стойности
2.1. Основни ключови думи
Списъкът с основни ключови думи включва следните значения:
Име | HEX | RGB | Цвят |
---|---|---|---|
черен | #000000 | 0,0,0 | |
сребро | #C0C0C0 | 192,192,192 | |
сиво | #808080 | 128,128,128 | |
бяло | #FFFFFF | 255,255,255 | |
кестеняво | #800000 | 128,0,0 | |
червен | #FF0000 | 255,0,0 | |
лилаво | #800080 | 128,0,128 | |
фуксия | #FF00FF | 255,0,255 | |
зелено | #008000 | 0,128,0 | |
вар | #00FF00 | 0,255,0 | |
маслина | #808000 | 128,128,0 | |
жълто | #FFFF00 | 255,255,0 | |
военноморски флот | #000080 | 0,0,128 | |
син | #0000FF | 0,0,255 | |
синьозелен | #008080 | 0,128,128 | |
аква | #00FFFF | 0,255,255 |
Имената на цветовете не са чувствителни към главни и малки букви.
Синтаксис
Цвят: синьо;
2.2. Числени стойности на цвета
2.2.1. RGB цветове на модела
Шестнадесетичният формат на RGB стойност е знак #, последван непосредствено от три или шест шестнадесетични знака. Трицифрената RGB нотация #rgb се преобразува в шестцифрената форма #rrggbb чрез копиране на цифрите вместо добавяне на нули. Например #fb0 се разширява до #ffbb00. Това гарантира, че бялото #ffffff може да бъде указано в краткия запис #fff и премахва всякакви зависимости от дълбочината на цвета на дисплея.
Форматът на RGB стойност във функционална нотация е rgb (последван от разделен със запетая списък от три числови стойности (или три цели числа, или три процентни стойности), последвани от символ). Целочислената стойност 255 съответства на 100% и F или FF в шестнадесетичен запис:
Rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF
Разрешени са знаци за интервал около числовите стойности.
HTML цветовете се обозначават с шест знака след наклонената черта - например #000000. Тези шест символа представляват пропорциите на различните цветове (червено, зелено, синьо) в крайния цвят. На монитора на вашия компютър изображението се формира от огромен брой точки, наречени пиксели. Всеки пиксел е малък светлинен източник, нека го наречем "фенерче", което от своя страна се състои от три фенерчета - червено, зелено и синьо. Чрез намаляване или увеличаване на интензитета на светене на отделни цветни фенерчета, ние получаваме желания цвят.
HTML цветни кодове
Цветовете в HTML са представени с шестнадесетичен (HEX) запис на червено, синьо и зелено (RGB).
Най-малката стойност на цвета е 0 (шестнадесетично 00). Най-високата стойност на цвета е 255 (шестнадесетичен FF).
Шестнадесетичната стойност на цвета е три цифри, започващи със знака #.
Цветови кодове (значения)
Цвят | HEX код | RGB код |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
16 милиона нюанса
Комбинирането на червено, синьо и зелено със стойности, вариращи от 0 до 255 за процента на всеки цвят, води до общо над 16 милиона нюанса (256 x 256 x 256).
Повечето съвременни монитори могат да показват най-малко 16 384 различни нюанса (LCD мониторите обикновено могат да показват 262 хиляди 16 милиона (актуализирано октомври 2013 г.)цветове, а CRT мониторите могат да показват практически неограничен брой цветове).
Цветовата таблица по-долу показва промяната в съотношението на червеното от 0 до 255 с нулеви стойности за синьо и зелено:
червен | HEX код | RGB код |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
Нюанса сиво
За получаване на нюанси на сивото се използват равни части от всички цветове. За да ви улесним при избора на правилния цвят, ви предоставяме кодове на сиви нюанси
Нюанса сиво | HEX код | RGB код |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb (232 232 232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Имена на html цветове за различни браузъри (всички браузъри).
Колекция от 150 имена на цветове в html, поддържани във всички браузъри.
Стандартизирани имена на цветове
W3C изброява 16 валидни имена на цветове за HTML и CSS: аква, черно, синьо, фуксия, сиво, зелено, липа, кестеняво (кестен), морско (ултрамарин), маслина (маслина), лилаво (лилаво), червено (червено) , сребрист (сребрист), синьозелен (сив), бял (бял) и жълт (жълт).
Когато използвате цветове, които не са включени в този списък, по-правилно е да използвате техния шестнадесетичен (HEX) код или RGB код.
Безопасни цветове
Преди няколко години, когато компютрите можеха да поддържат максимум 256 различни цвята, беше предложен списък от 216 „безопасни цвята в мрежата“, като 40 цвята бяха запазени за системата.
Тази 216-цветна палитра е създадена за правилно показване на цветовете в режим на 256-цветна палитра.
Сега това няма значение, защото повечето компютри по света поддържат милиони цветови нюанси. Във всеки случай, ето списък с тези цветове:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
9900 FF | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Таблица (палитра) от цветове htmlви дава възможност самостоятелно да изберете тона, от който се нуждаете. Стойността на цвета се показва в три формата: Hex, RGB и HSV.
- Hex се състои от три стойности от два знака в шестнадесетичната бройна система. Например: #ff00b3, където първата двойка числа е червена, втората е зелена, а третата е синя.
- RGB (RedGreenBlue) има формата "200,100,255", показваща количеството на съответния тон (червено, зелено, синьо) в получения цвят.
- HSV (Hue, Saturation, Value - тон, наситеност, стойност) - цветен модел, в който координатите са:
- Hue - цветен тон, може да варира от 0° до 360°.
- Saturation - насищане, варира от 0-100 или 0-1. Колкото по-висок е този параметър, толкова „по-чист“ е цветът, поради което този параметър понякога се нарича чистота на цвета. И колкото по-близо до нула е този параметър, толкова по-близо е цветът до неутрално сиво.
- Стойност (стойност на цвета) - задава яркостта, стойността също може да варира между 0-100 или 0-1.
Въведете цветовия код: ОТИВАМ
Списък с цветове с имена
Таблицата изброява английските имена на цветове (които могат да се използват като стойности), поддържани от всички браузъри и техните шестнадесетични стойности. Всички изброени цветове са „безопасни“, което означава, че ще се показват еднакви във всички браузъри.
Име на цвета | HEX | Цвят |
---|---|---|
черен | #000000 | |
ВМС | #000080 | |
Тъмно синьо | #00008B | |
Средно синьо | #0000CD | |
Син | #0000FF | |
Тъмнозелено | #006400 | |
Зелено | #008000 | |
Тил | #008080 | |
DarkCyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
Тъмнотюркоаз | #00CED1 | |
MediumSpringGreen | #00FA9A | |
Лайм | #00FF00 | |
SpringGreen | #00FF7F | |
Аква | #00FFFF | |
Циан | #00FFFF | |
Среднощно синьо | #191970 | |
ДоджърБлу | #1E90FF | |
LightSeaGreen | #20B2AA | |
ForestGreen | #228B22 | |
Морско зелено | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
лаймзелен | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Тюркоаз | #40E0D0 | |
Кралско синьо | #4169E1 | |
SteelBlue | #4682B4 | |
DarkSlateBlue | #483D8B | |
Среден Тюркоаз | #48D1CC | |
Индиго | #4B0082 | |
Тъмномаслиненозелено | #556B2F | |
CadetBlue | #5F9EA0 | |
CornflowerBlue | #6495ED | |
MediumAquaMarine | #66CDAA | |
DimGray | #696969 | |
Slate Blue | #6A5ACD | |
OliveDrab | #6B8E23 | |
Шисти сиво | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
LawnGreen | #7CFC00 | |
Шартрьоз | #7FFF00 | |
Аквамарин | #7FFFD4 | |
Кестеняво | #800000 | |
Лилаво | #800080 | |
Маслина | #808000 | |
Сив | #808080 | |
Небесно синьо | #87CEEB | |
LightSkyBlue | #87CEFA | |
BlueViolet | #8A2BE2 | |
Тъмно червено | #8B0000 | |
Тъмномагента | #8B008B | |
SaddleBrown | #8B4513 | |
DarkSeaGreen | #8FBC8F | |
Светло зелено | #90EE90 | |
Средно лилаво | #9370D8 | |
Тъмновиолетово | #9400D3 | |
Бледо зелено | #98FB98 | |
DarkOrchid | #9932CC | |
Жълто зелен | #9ACD32 | |
Сиена | #A0522D | |
кафяво | #A52A2A | |
Тъмно сиво | #A9A9A9 | |
Светло синьо | #ADD8E6 | |
ЗеленоЖълто | #ADFF2F | |
Бледотюркоаз | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
PowderBlue | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
Средна орхидея | #BA55D3 | |
RosyBrown | #BC8F8F | |
Тъмно каки | #BDB76B | |
Сребро | #C0C0C0 | |
Средно Виолетово Червено | #C71585 | |
Индийскочервено | #CD5C5C | |
Перу | #CD853F | |
Шоколад | #D2691E | |
тен | #D2B48C | |
Светло сиво | #D3D3D3 | |
Бледовиолетовочервено | #D87093 | |
Трън | #D8BFD8 | |
Орхидея | #DA70D6 | |
GoldenRod | #DAA520 | |
Пурпурен | #DC143C | |
Гейнсбъро | #DCDCDC | |
слива | #DDA0DD | |
БърлиУуд | #DEB887 | |
LightCyan | #E0FFFF | |
Лавандула | #E6E6FA | |
Тъмна сьомга | #E9967A | |
Виолетово | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Каки | #F0E68C | |
AliceBlue | #F0F8FF | |
HoneyDew | #F0FFF0 | |
Лазурно | #F0FFFF | |
SandyBrown | #F4A460 | |
пшеница | #F5DEB3 | |
Бежово | #F5F5DC | |
WhiteSmoke | #F5F5F5 | |
Ментов крем | #F5FFFA | |
GhostWhite | #F8F8FF | |
Сьомга | #FA8072 | |
AntiqueWhite | #FAEBD7 | |
спално бельо | #FAF0E6 | |
LightGoldenRodYellow | #FAFAD2 | |
OldLace | #FDF5E6 | |
червен | #FF0000 | |
Фуксия | #FF00FF | |
Магента | #FF00FF | |
DeepPink | #FF1493 | |
Оранжевочервено | #FF4500 | |
Домат | #FF6347 | |
HotPink | #FF69B4 | |
Корал | #FF7F50 | |
Тъмнооранжево | #FF8C00 | |
LightSalmon | #FFA07A | |
портокал | #FFA500 | |
Светло розово | #FFB6C1 | |
Розово | #FFC0CB | |
злато | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Мокасин | #FFE4B5 | |
бисквити | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Бланширани бадеми | #FFEBCD | |
Papaya Whip | #FFEFD5 | |
ЛавандулаРуж | #FFF0F5 | |
Мида | #FFF5EE | |
Cornsilk | #FFF8DC | |
лимонов шифон | #FFFACD | |
FloralWhite | #FFFAF0 | |
сняг | #FFFAFA | |
Жълто | #FFFF00 | |
Светло жълто | #FFFFE0 | |
Слонова кост | #FFFFFF0 | |
Бяло | #FFFFFF |