Тъмно тюркоазен цвят. Цветът в стиловете може да се задава по различни начини: по шестнадесетична стойност, по име, във формат RGB, RGBA, HSL, HSLA. С RGB
Маса (палета) 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).
Повечето съвременни монитори могат да показват най-малко 16 384 различни нюанса (LCD мониторите обикновено могат да показват 262,16 милиона (актуализирано октомври 2013 г.)цветове, докато CRT мониторите могат да показват почти неограничен брой цветове).
AT цветна диаграмаследното е промяната в съотношението на червеното от 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 |
За определяне на цветове се използват шестнадесетични числа. Шестнадесетичната система, за разлика от десетичната, се основава, както подсказва името й, на числото 16. Числата ще бъдат следните: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Цифрите от 10 до 15 се заменят с латински букви. Числата, по-големи от 15 в шестнадесетичната система, се образуват чрез комбиниране на две числа в едно. Например числото 255 в десетична системасъответства на числото FF в шестнадесетична форма. За да се избегне объркване в дефиницията на бройната система, шестнадесетичното число се предхожда от символа #, например #666999. Всеки от трите цвята - червен, зелен и син - може да приема стойности от 00 до FF. По този начин обозначението на цвета се разделя на три компонента #rrggbb, като първите два знака означават червения компонент на цвета, двата средни означават зеления, а последните два означават синия. Разрешено е да се използва съкратената форма #rgb, където всеки символ трябва да бъде удвоен. Следователно записът #fe0 трябва да се разглежда като #ffee00.
по име
Internet Explorer | Chrome | Опера | сафари | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Браузърите поддържат някои цветове по име. В табл. 1 показва имената, шестнадесетичния код, стойностите в RGB формат, HSL и описание.
Име | Цвят | Кодът | RGB | HSL | Описание |
---|---|---|---|---|---|
бяло | #fffff или #ffff | rgb(255,255,255) | hsl(0,0%,100%) | Бяло | |
Сребро | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Сив | |
сиво | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Тъмно сив | |
черен | #000000 или #000 | rgb(0,0,0) | hsl(0,0%,0%) | черен | |
кестеняво | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Тъмно червено | |
червен | #ff0000 или #f00 | rgb(255,0,0) | hsl(0,100%,50%) | червен | |
оранжево | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | портокал | |
жълто | #ffff00 или #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Жълто | |
маслина | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Маслина | |
вар | #00ff00 или #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | светло зелено | |
зелено | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Зелено | |
аква | #00ffff или #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Син | |
син | #0000ff или #00f | rgb(0,0,255) | hsl(240,100%,50%) | Син | |
военноморски флот | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Тъмно синьо | |
синьозелен | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | синьозелено | |
фуксия | #ff00ff или #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Розово | |
лилаво | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Виолетово |
С RGB
Internet Explorer | Chrome | Опера | сафари | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Можете да определите цвят, като използвате червените, зелените и сините стойности в десетични числа. Всеки от трите цветови компонента приема стойност от 0 до 255. Също така е приемливо да зададете цвета като процент, докато 100% ще съответства на числото 255. Първо се посочва ключовата дума rgb и след това цветните компоненти се задават посочени в скоби, разделени със запетаи, например rgb(255 , 128, 128) или rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Chrome | Опера | сафари | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Форматът RGBA е подобен по синтаксис на RGB, но включва алфа канал, който задава прозрачността на елемента. Стойност 0 е напълно прозрачна, 1 е непрозрачна, а междинна стойност като 0,5 е полупрозрачна.
RGBA е добавен към CSS3, така че валидирането на CSS кода трябва да се извърши в съответствие с тази версия. Трябва да се отбележи, че стандартът CSS3 все още е в процес на разработка и някои от функциите му може да се променят. Например RGB цвят, добавен към свойството background-color, преминава проверка, но добавен към свойството background не. В същото време браузърите съвсем правилно разбират цвета и за двете свойства.
HSL
Internet Explorer | Chrome | Опера | сафари | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Името на формата HSL се формира от комбинация от първите букви Hue (нюанс), Saturate (наситеност) и Lightness (лекота). Оттенъкът е стойността на цвета на цветното колело (фиг. 1) и се определя в градуси. 0° е червено, 120° е зелено, а 240° е синьо. Стойността на нюанса може да варира от 0 до 359.
Ориз. 1. Цветно колело
Наситеността е интензитетът на цвета, измерен като процент от 0% до 100%. Стойност 0% означава липса на цвят и нюанс на сивото, 100% максимална стойностнасищане.
Светлотата задава колко ярък е цветът и се определя като процент от 0% до 100%. Малките стойности правят цвета по-тъмен, докато високите стойности го правят по-светъл, крайните стойности от 0% и 100% съответстват на черно и бяло.
HSLA
Internet Explorer | Chrome | Опера | сафари | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Форматът HSLA е подобен по синтаксис на HSL, но включва алфа канал, който задава прозрачността на елемента. Стойност 0 е напълно прозрачна, 1 е непрозрачна, а междинна стойност като 0,5 е полупрозрачна.
Стойностите на цвета във формати RGBA, HSL и HSLA се добавят към CSS3, така че когато използвате тези формати, проверете кода за валидност спрямо версията.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Внимание
Всички методи за улавяне на лъв, изброени на сайта, са теоретични и се основават на изчислителни методи. Авторите не гарантират вашата безопасност при използването им и не носят отговорност за резултата. Не забравяйте, че лъвът е хищник и опасно животно!
Резултат този примерпоказано на фиг. 2.
Ориз. 2. Цветове на уеб страницата
Цветовите кодове в CSS се използват за определяне на цветове. Обикновено цветните кодове или цветови стойностисе използват за задаване на цвят или за предния план на елемент (например цвета на текста, връзките), или за фона на елемент (цвета на фона, блока). Те могат да се използват и за промяна на цвета на бутоните, граници, маркер, задържане и други декоративни ефекти.
Можете да зададете свои собствени цветови стойности различни формати. Следната таблица изброява всички възможни формати:
Тези формати са описани по-подробно по-долу.
CSS цветове - шестнадесетични кодове
Шестнадесетичен код на цветае шестцифрено цветово представяне. Първите две цифри (RR) са червената стойност, следващите две са зелената стойност (GG), а последните две са синята стойност (BB).
CSS цветове - кратки шестнадесетични кодове
Кратък шестнадесетичен код на цветае по-кратка форма на запис от шест знака. В този формат всяка цифра се повтаря, за да се получи еквивалентната шестцифрена стойност на цвета. Например: #0F0 става #00FF00.
Шестнадесетичната стойност може да бъде взета от всяка графика софтуер, като Адобе Фотошоп, Core Draw и др.
Всеки шестнадесетичен цветен код в CSS ще бъде предшестван от знак "#". Следват примери за използване на шестнадесетичен запис.
CSS цветове - RGB стойности
RGB стойносте цветен код, който се задава с помощта на свойството rgb(). Това свойство приема три стойности: по една за червено, зелено и синьо. Стойността може да бъде цяло число, от 0 до 255 или процент.
Забележка:Не всички браузъри поддържат цветовото свойство rgb(), така че не се препоръчва използването му.
По-долу е даден пример, показващ множество цветове с помощта на RGB стойности.
Генератор на цветни кодове
Можете да създадете милиони цветни кодове с нашата услуга.
Цветове за безопасен браузър
По-долу има таблица с 216 цвята, които са най-сигурните и независими от компютъра. Тези цветове в CSS варират от 000000 до шестнадесетичен код FFFFFF. Те са безопасни за използване, тъй като гарантират, че всички компютри ще показват цвета правилно, когато работят с 256 цветова палитра.
Таблица на "безопасните" цветове в CSS | |||||
#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 |
#FF9900 | #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
Разрешени са знаци за интервал около числовите стойности.