Маса (палета) 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 | |
горско зелено | #228B22 | |
морско зелено | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
Лайм зелено | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Тюркоаз | #40E0D0 | |
Кралско синьо | #4169E1 | |
стоманено синьо | #4682B4 | |
DarkSlateBlue | #483D8B | |
Среден тюркоаз | #48D1CC | |
Индиго | #4B0082 | |
Тъмномаслиненозелено | #556B2F | |
Cadet Blue | #5F9EA0 | |
CornflowerBlue | #6495ED | |
MediumAquaMarine | #66CDAA | |
Дим Грей | #696969 | |
Slate Blue | #6A5ACD | |
OliveDrab | #6B8E23 | |
SlateGray | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
LawnGreen | #7CFC00 | |
шартрьоз | #7FFF00 | |
аквамарин | #7FFFD4 | |
кестеняво | #800000 | |
Лилаво | #800080 | |
Маслина | #808000 | |
Сив | #808080 | |
небесно синьо | #87CEEB | |
LightSkyBlue | #87CEFA | |
синьо виолетово | #8A2BE2 | |
тъмно червено | #8B0000 | |
Тъмномагента | #8B008B | |
SaddleBrown | #8B4513 | |
DarkSeaGreen | #8FBC8F | |
Светло зелено | #90EE90 | |
Средно лилаво | #9370D8 | |
тъмно виолетово | #9400D3 | |
бледо зелено | #98FB98 | |
Тъмна орхидея | #9932CC | |
жълто зелен | #9ACD32 | |
Сиена | #A0522D | |
кафяво | #A52A2A | |
тъмно сиво | #A9A9A9 | |
светло синьо | #ADD8E6 | |
ЗеленоЖълто | #ADFF2F | |
бледотюркоазено | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
Пудрово синьо | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
Средна орхидея | #BA55D3 | |
RosyBrown | #BC8F8F | |
Тъмнокаки | #BDB76B | |
Сребро | #C0C0C0 | |
Средно Виолетово Червено | #C71585 | |
Индийскочервено | #CD5C5C | |
Перу | #CD853F | |
Шоколад | #D2691E | |
тен | #D2B48C | |
светло сиво | #D3D3D3 | |
Бледовиолетовочервено | #D87093 | |
Трън | #D8BFD8 | |
Орхидея | #DA70D6 | |
златна пръчка | #DAA520 | |
Пурпурен | #DC143C | |
Гейнсбъро | #DCDCDC | |
слива | #DDA0DD | |
Burlywood | #DEB887 | |
LightCyan | #E0FFFF | |
Лавандула | #E6E6FA | |
Тъмна сьомга | #E9967A | |
виолетово | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Каки | #F0E68C | |
Алис Блу | #F0F8FF | |
медена роса | #F0FFF0 | |
Лазурно | #F0FFFF | |
Санди Браун | #F4A460 | |
пшеница | #F5DEB3 | |
Бежово | #F5F5DC | |
бял дим | #F5F5F5 | |
Ментов крем | #F5FFFA | |
призрачно бяло | #F8F8FF | |
Сьомга | #FA8072 | |
антично бяло | #FAEBD7 | |
бельо | #FAF0E6 | |
LightGoldenRodYellow | #FAFAD2 | |
Стара дантела | #FDF5E6 | |
червен | #FF0000 | |
Фуксия | #FF00FF | |
Магента | #FF00FF | |
наситено розово | #FF1493 | |
Оранжевочервено | #FF4500 | |
домат | #FF6347 | |
горещо розово | #FF69B4 | |
Корал | #FF7F50 | |
тъмно оранжево | #FF8C00 | |
LightSalmon | #FFA07A | |
портокал | #FFA500 | |
светло розово | #FFB6C1 | |
Розово | #FFC0CB | |
злато | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Мокасин | #FFE4B5 | |
бисквити | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Бланширани бадеми | #FFEBCD | |
Камшик от папая | #FFEFD5 | |
ЛавандулаРуж | #FFF0F5 | |
мида | #FFF5EE | |
Cornsilk | #FFF8DC | |
лимонов шифон | #FFFACD | |
FloralWhite | #FFFAF0 | |
сняг | #FFFAFA | |
Жълто | #FFFF00 | |
Светло жълто | #FFFFE0 | |
Слонова кост | #FFFFF0 | |
Бяло | #FFFFFF |
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).
Мнозинство модерни мониторив състояние да показва най-малко 16384 различни нюанса (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: aqua (аквамарин), black (черно), blue (синьо), fuchsia (магента), gray (сиво), green (зелено), lime (лайм или светлозелено), кестеняво (кестен), синьо (ултрамарин), маслина (маслина), лилаво (лилаво), червено (червено), сребро (сребро), синьо (сиво), бяло (бяло) и жълто (жълто).
Когато използвате цветове, които не са включени в този списък, ще бъде по-правилно да използвате техния шестнадесетичен код (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 |
Модулът 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, CSS, JavaScript, Flash и др.
В старата WC3 спецификация бяха написани само 16 ключови думи, с които се задаваха цветовете в HTML и CSS. В по-късни, по-модерни спецификации бяха добавени още 130 ключови думи за обозначаване на имена на цветове. Следващата таблица съдържа имената на цветовете, шестнадесетичен и RGB кодовена които съответстват.
Съгласно правилата на CSS имената на цветовете не са чувствителни към главни и малки букви. Цветните записи IndianRed и indianred са еквивалентни.
Заслужава да се отбележи също, че от 146 ключови думи в таблицата всъщност има по-малко цветове в нея. Това е така, защото някои ключови думипредставляват един и същи цвят. Така че имената Gray и Gray означават 50 процента сиво с код #808080, докато думата Magenta е HTML синоним на цвета Fuchsia, съответстващ на шестнадесетичния код #FF00FF. Думите Aqua и Cyan също са синоними, те съответстват на код #00FFFF.
|
|