>> Управление на цветовете

Шестнадесетични RGB цветови стойности

Методите за описване и обработка на цветовете се различават един от друг по това за какво крайно представяне са предназначени. Нека сравним например представянето на цветовете за полиграфията и за компютърните монитори. В първия случай основата е бялоцветът на хартията, върху която впоследствие се прилагат трите основни цвята: син, лилавои жълто. Смесвайки се един с друг и с белия цвят на хартията в различни пропорции, тези три основни цвята дават различни цветови нюанси, с изключение на чисто черно или при пълна липса на цветове дават бяла хартия. Ако добавим черно към тях, получаваме CMYK- начин за предаване на цвят, когато желаният цвят се получава чрез изваждане на липсващите цветове от бялото.

Във втория случай основата е черенцветът на екрана на монитора, всяка клетка от който свети в един от трите цвята: червен-червен, зелено- зелено и син-син. След това, при пълна липса на блясък, получаваме чисто черен цвят на екрана, а всеки от необходимите цветове се дава от съотношението на всеки от трите цвята. В този случай ще получим RGB- Метод за трансфер на цветовете. Основните цветове могат да имат значения от 0 преди 255 , или от 0% преди 100% , или може да бъде представено като шестнадесетична стойност. На фигурата по-долу можете да видите резултатите от смесването на основните цветове.

Шестнадесетичната бройна система, за разлика от десетичната, няма десет цифри в своята поредица от цифри, а шестнадесет - откъдето идва и името. Съответно, неповтарящи се варианти на комбинации от две цифри могат да бъдат само - 256 , за да продължи поредицата от цифри след 9 писма от Апреди Е, така че редът ще изглежда така -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.
За да конвертирате числа от една бройна система в друга и обратно, използвайте калкулатора по-долу. Максималната стойност тук може да бъде FF - 255 .

В този случай цветът се дава от три шестнадесетични числа, всяко от които се състои от две цифри. Първото число определя интензивността червенцветове, средно зелено, последно нещо- синцветове. Всички числа могат да приемат стойности, вариращи от 00 преди FF(от 0 до 255). Например: зеленият цвят е даден като #00FF00, червено - като #FF0000, синьо - като #0000FF, бяло - като #FFFFFF, пълно отсъствиецветове или черно е дадено като #000000 .

Във формуляра по-долу можете да зададете произволни шестнадесетични стойности за всеки от трите цвята и да видите резултата от тяхното смесване, като щракнете върху полето за изход.

ЧЕРВЕНЗЕЛЕНОсин
0 1 2 3 4 5 6 7 8 9 а б в г е е0 1 2 3 4 5 6 7 8 9 а б в г е е0 1 2 3 4 5 6 7 8 9 а б в г е е0 1 2 3 4 5 6 7 8 9 а б в г е е0 1 2 3 4 5 6 7 8 9 а б в г е е
...Натисни тук

Примери за някои шестнадесетични RGB цветови стойности: червени, сини и зелени градации.

изглед кодът изглед кодът изглед кодът изглед кодът изглед кодът изглед кодът
#010000 #800000 #000100 #008000 #000001 #000080
#100000 #900000 #001000 #009000 #000010 #000090
#200000 #A00000 #002000 #00A000 #000020 #0000A0
#300000 #B00000 #003000 #00B000 #000030 #0000B0
#400000 #C00000 #004000 #00C000 #000040 #0000C0
#500000 #D00000 #005000 #00D000 #000050 #0000D0
#600000 #E00000 #006000 #00E000 #000060 #0000E0
#700000 #FF0000 #007000 #00FF00 #000070 #0000FF

Задаване на цвят с низови литерали

За по-лесно използване някои цветове и техните комбинации получиха имена, които се разпознават от всички браузъри и стана възможно много от тях да се задават по име. Таблицата по-долу показва някои от имената на цветовете:

изглед име изглед име изглед име изглед име
Бяло червен портокал Жълто
Зелено Син Лилаво черен
Алис синьо антично бяло Аква аквамарин
Лазурно Бежово бисквити бланширан бадем
Синя виолетова кафяво Burlywood Кадетско синьо
шартрьоз Шоколад Корал метличина
Cornsilk Пурпурен циан тъмно синьо
Darkcyan тъмна златна пръчица тъмно сиво тъмнозелено
Тъмнокаки Тъмнопурпурно Тъмнозелено тъмно оранжево
Darkorchid тъмно червено тъмна сьомга Тъмноморско зелено
тъмносиньо синьо тъмносиво сиво тъмнотюркоазено Тъмновиолетово
Deeppink дълбоко небесно синьо Димгрей доджър синьо
Огнеупорна тухла Флорално бяло горскозелен Фуския
Гейнсбъро призрачно бяло злато Златна пръчица
Сив Зеленожълто Медена роса горещо розово
Индийско червено Индиго Слонова кост Каки
Лавандула Лавандулов руж Лимончифон светло синьо
светъл корал светлоциан светлостуденочервеножълто светло зелено
светло сиво Светло розово лека сьомга Лайтсигрийн
Светлосиньо Светлосиво сиво светло стоманено синьо светло жълто
вар лаймгрийн бельо Магента
кестеняво среден аквамарин средно синьо Средна орхидея
Средно лилаво Средноморскозелено Средноплоскосиньо Среднопролетнозелено
среден тюркоаз средновиолетов среднощно синьо ментов крем
мистироза Навайоуайт ВМС стара дантела
Маслина Оливедраб оранжево червено Орхидея
златна пръчица Бледо зелено бледотюркоазено палевиолетов
papayawhip прасковен пух Перу Розово
слива Пудрово синьо Розовокафяво кралско синьо
седлокафяво морско зелено Мида Сиена
Сребро небесно синьо Slateblue Слейтгрей
сняг Springgreen стоманено синьо тен
Тил Трън домат Тюркоаз
виолетово пшеница Whitesmoke жълто зелен
Списъкът с малки букви с имена на цветове е доста обширен и повече от достатъчен. Ако искате да зададете толкова необичаен фонов цвят, че дори няма име, можете да използвате шестнадесетична стойност.

Използване на Safe Color Picker

За съжаление на различни платформи, при различни системни настройки правилното възпроизвеждане на цветовете е проблем. Работата е там, че браузърът винаги се опитва да коригира цветовата палитра на документа системни настройкии възможности за наблюдение, чрез самостоятелно смесване на цветове и тяхното заместване. В резултат на това понякога потребителят вижда не точно това, което уеб администраторът е искал да му покаже. Изходът от тази ситуация беше намерен в използването на палитра, всеки цвят от която гарантирано се изобразява по един и същи начин от всички браузъри на различни платформи. Този т.нар гарантиранопалитра, известна още като безопаснопалитра. Тази палитра включва цветове, чиито цветови компоненти приемат следните стойности: 00 ,33 ,66 ,99 , CC,FF, във всички възможни 216 техните комбинации.

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 CCCC99 666633 333300 99FF00 99FF33 99CC66 99CC00 99CC33 669900 CCFF99 99FF99 66CC00 66CC33 669933 336600 66FF00 66FF33 33FF00 33CC00 339900 009900 33FF33 00FF33 00FF00 00CC00 33CC33 00CC33 CCFFCC 99CC99 66CC66 669966 336633 003300 99FF99 66FF66 33FF66 00FF66 339933 006600 66FF99 33FF99 00FF99 33CC66 00CC66 009933 66CC99 33CC99 00CC99 339966 009966 006633 99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999 CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC 99CCCC 66CCCC 339999 669999 006666 336666 66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333 99CCFF 3399FF 0099FF 6699CC 336699 006699 0066FF 3366CC 0066CC 0033FF 003399 003366 6699FF 3366FF 0000FF 0000CC 0033CC 000033 3333FF 3300FF 3300CC 3333CC 000099 000066 9999CC 6666FF 6666CC 666699 333399 333366 CCCCFF 9999FF 6666FF 6600FF 330099 330066 9966CC 9966FF 6600CC 6633CC 663399 330033 CC99FF CC66FF 9933FF 9900FF 660099 663366 CC66FF CC33FF CC00FF 9900CC 996699 660066 CC99CC CC66CC CC33CC CC00CC 990099 993399 FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399 FF66CC FF00CC FF33CC CC6699 CC0099 990066 FF99CC FF3399 FF0099 CC0066 993366 660033 FF6699 FF3399 FF0066 CC3366 996666 663333 CC9999 CC6666 CC3333 CC0000 990033 330000 FFCCCC FF9999 FF6666 FF3333 FF0000 CC0033 FF6633 CC3300 FF3300 FF0000 CC0000 990000 FFCC99 FFCC66 FF6600 CC6633 993300 660000 9900 FF FF9933 CC9966 CC6600 996633 663300 FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
изглед кодът изглед кодът изглед кодът изглед кодът изглед кодът изглед кодът

В HTML цветът може да бъде определен по три начина:

Задаване на цвят в HTML по неговото име

Някои цветове могат да бъдат посочени с името им, като се използва името на цвета върху английски език. Най-често срещаните ключови думи: black (черен), white (бял), red (червен), green (зелен), blue (син) и др.:

Цвят на текста - червен

Най-популярните цветове от стандарта Consortium световната мрежа(English World Wide Web Consortium, W3C):

ЦвятИмеЦвятИме ЦвятИме ЦвятИме
черен Сив Сребро Бяло
Жълто вар Аква Фуксия
червен Зелено Син Лилаво
кестеняво Маслина ВМС Тил

Пример за използване на различни имена на цветове:

Пример: задаване на цвят по името му

  • Опитайте сами"

Заглавка на червен фон

Заглавка на оранжев фон

Заглавка на лайм фон

Бял текст на син фон

Заглавка на червен фон

Заглавка на оранжев фон

Заглавка на лайм фон

Бял текст на син фон

Задаване на цвят с RGB

При показване на различни цветове на монитора, RGB палитрата се взема като основа. Всеки цвят се получава чрез смесване на трите основни: R - червено, G - зелено (зелено), B - синьо (синьо). Яркостта на всеки цвят се дава от един байт и следователно може да приема стойности от 0 до 255. Например RGB (255,0,0) се показва като червено, защото червеното е зададено на най-високата си стойност (255) и други са зададени на 0 Можете също да зададете цвета като процент. Всеки от параметрите показва нивото на яркост на съответния цвят. Например: стойностите rgb(127, 255, 127) и rgb(50%, 100%, 50%) ще зададат един и същ средно наситен зелен цвят:

Пример: Задаване на цвят с RGB

  • Опитайте сами"

rgb(127, 255, 127)

rgb (50%, 100%, 50%)

rgb(127, 255, 127)

rgb (50%, 100%, 50%)

Задайте цвят по шестнадесетична стойност

Стойности Р Ж бможе също да се посочи с помощта на шестнадесетични (HEX) цветови стойности във формата: #RRGGBB където RR (червено), GG (зелено) и BB (синьо) са шестнадесетични стойности от 00 до FF (същите като десетичните 0- 255). Шестнадесетичната система, за разлика от десетичната, се основава, както подсказва името й, на числото 16. Шестнадесетичната система използва следните знаци: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Тук числата от 10 до 15 са заменени с латински букви. Числата, по-големи от 15 в шестнадесетичната система, са обединението на два знака в една стойност. Например, най-голямото число 255 инча десетична системасъответства на най-високата стойност на FF в шестнадесетична система. За разлика от десетичната система, шестнадесетичното число се предхожда от знак за паунд. # , например #FF0000 се изобразява като червено, защото червеното е зададено на най-високата си стойност (FF), а останалите цветове са зададени на минимална стойност(00). Знаци след символа хеш # може да се въвежда както с главни, така и с малки букви. Шестнадесетичната система ви позволява да използвате съкратената форма #rgb, където всеки знак е равен на два пъти. Следователно записът #f7O трябва да се разглежда като #ff7700.

Пример: Цвят HEX

  • Опитайте сами"

червено: #FF0000

зелено: #00FF00

синьо: #0000FF

червено: #FF0000

зелено: #00FF00

синьо: #0000FF

червено+зелено=жълто: #FFFF00

червено+синьо=лилаво: #FF00FF

зелено+синьо=циан: #00FFFF

Списък с често използвани цветове (име, HEX и RGB):

английско име Руско име проба HEX RGB
амарант амарант #E52B50 229 43 80
Амбър Амбър #FFBF00 255 191 0
Аква синьозелено #00FFFF 0 255 255
Лазурно Лазурно #007FFF 0 127 255
черен черен #000000 0 0 0
Син Син #0000FF 0 0 255
Бонди синьо Вода на плаж Бонди #0095B6 0 149 182
Месинг Месинг #B5A642 181 166 66
кафяво кафяво #964B00 150 75 0
Cerulean Лазурно #007BA7 0 123 167
тъмно пролетно зелено Тъмно пролетно зелено #177245 23 114 69
Емералд Емералд #50C878 80 200 120
Патладжан патладжан #990066 153 0 102
Фуксия Фуксия #FF00FF 255 0 255
злато злато #FFD700 250 215 0
Сив Сив #808080 128 128 128
Зелено Зелено #00FF00 0 255 0
Индиго Индиго #4B0082 75 0 130
нефрит нефрит #00A86B 0 168 107
вар Лайм #CCFF00 204 255 0
Малахит Малахит #0BDA51 11 218 81
ВМС Тъмно синьо #000080 0 0 128
охра охра #CC7722 204 119 34
Маслина Маслина #808000 128 128 0
портокал портокал #FFA500 255 165 0
праскова Праскова #FFE5B4 255 229 180
тиква тиква #FF7518 255 117 24
Лилаво Виолетово #800080 128 0 128
червен червен #FF0000 255 0 0
Шафран Шафран #F4C430 244 196 48
морско зелено зелено море #2E8B57 46 139 87
Блатно зелено Болотни #ACB78E 172 183 142
Тил синьозелено #008080 0 128 128
Ултрамарин ултрамарин #120A8F 18 10 143
виолетово Виолетово #8B00FF 139 0 255
Жълто Жълто #FFFF00 255 255 0

Цветови кодове (фон) по наситеност и нюанс.

Влад Мержевич

В HTML цветът се определя по един от двата начина: с помощта на шестнадесетичен код и с името на някои цветове. Най-често използваният метод е базиран на шестнадесетичната система, като най-универсална.

Шестнадесетични цветове

HTML използва шестнадесетични числа за определяне на цветовете. Шестнадесетичната система, за разлика от десетичната, се основава, както подсказва името й, на числото 16. Числата ще бъдат следните: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Цифрите от 10 до 15 се заменят с латински букви. В табл. 6.1 показва съответствието между десетични и шестнадесетични числа.

Числата над 15 в шестнадесетичната система се образуват чрез комбиниране на две числа в едно (Таблица 6.2). Например числото 255 в десетична система съответства на числото FF в шестнадесетична система.

За да се избегне объркване в дефиницията на бройната система, шестнадесетичното число се предхожда от знака #, например #aa69cc. В този случай регистърът няма значение, така че е допустимо да се напише #F0F0F0 или #f0f0f0.

Типичният цвят, използван в HTML, е както следва.

Тук цветът на фона на уеб страницата е зададен на #FA8E47. Знакът # пред число означава, че е в шестнадесетичен знак. Първите две цифри (FA) определят червения компонент на цвета, третата до четвъртата цифра (8E) зеления компонент, а последните две цифри (47) синия компонент. Крайният резултат е този цвят.

FA + 8E + 47 = FA8E47

Всеки от трите цвята - червен, зелен и син - може да приема стойности от 00 до FF, което в крайна сметка образува 256 нюанса. Така общият брой цветове може да бъде 256x256x256 = 16 777 216 комбинации. Цветовият модел, базиран на червения, зеления и синия компонент, се нарича RGB (червено, зелено, синьо; червено, зелено, синьо). Този модел е адитивен (от add - добавям), при който добавянето и на трите компонента образува бяло.

За да улесните навигацията в шестнадесетични цветове, вземете предвид някои правила.

  • Ако стойностите на цветните компоненти са еднакви (например: #D6D6D6), тогава ще се получи сив нюанс. Колкото по-голямо е числото, толкова по-светъл е цветът и стойностите се променят от #000000 (черно) до #FFFFFF (бяло).
  • Ярко червен цвят се образува, ако червеният компонент е направен максимален (FF), а останалите компоненти са настроени на нула. Цветът със стойност #FF0000 е възможно най-червеният червен нюанс. Същото важи и за зелено (#00FF00) и синьо (#0000FF).
  • Жълто (#FFFF00) се получава чрез смесване на червено със зелено. Това ясно се вижда на цветното колело (фиг. 6.1), което представя основните цветове (червено, зелено, синьо) и допълнителните или допълнителните цветове. Те включват жълто, циан и виолетово (наричано още магента). По принцип всеки цвят може да се получи чрез смесване на съседни цветове. И така, циан (#00FFFF) се получава чрез комбиниране на синьо и зелено.

Ориз. 6.1. Цветен кръг

Цветовете, базирани на шестнадесетични стойности, не трябва да се избират емпирично. Подходящ за тази цел графичен редакторкоито могат да работят с различни цветови модели, напр. Адобе Фотошоп. На фиг. 6.2 показва прозорец за избор на цвят в тази програма, линията огражда получената шестнадесетична стойност на текущия цвят. Можете да го копирате и поставите във вашия код.

Ориз. 6.2. Инструмент за избор на цвят във Photoshop

Уеб цветове

Ако зададете качеството на цвета на монитора на 8 бита (256 цвята), същият цвят може да се показва в различни браузърипо мой собствен начин. Това е свързано с начина, по който графиките се изобразяват, когато браузърът работи със собствена палитра и не може да показва цвят, който не е в неговата палитра. В този случай цветът се заменя с комбинация от пиксели от други, близки до него цветове, които имитират дадения. За да може цветът да остане един и същ в различните браузъри, беше въведена палитра от така наречените уеб цветове. Уеб цветовете са такива цветове, за всеки компонент от които - червено, зелено и синьо - е зададена една от шестте стойности - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). Шестнадесетичната стойност на този компонент е посочена в скоби. Общият брой цветове от всички възможни комбинации дава 6x6x6 - 216 цвята. Примерен уеб цвят е #33FF66.

Основната характеристика на уеб цвета е, че той се показва еднакво във всички браузъри. AT този моментуместността на уеб цветовете е много малка поради повишаването на качеството на мониторите и разширяването на техните възможности.

Цветове по име

За да не помните набор от числа, можете вместо това да използвате имената на често използвани цветове. В табл. 6.3 показва имената на популярни имена на цветове.

Раздел. 6.3. Имена на някои цветове
Име на цвета Цвят Описание Шестнадесетична стойност
черен черен #000000
син Син #0000FF
фуксия светло лилав #FF00FF
сиво Тъмно сив #808080
зелено Зелено #008000
вар светло зелено #00FF00
кестеняво Тъмно червено #800000
военноморски флот Тъмно синьо #000080
маслина Маслина #808000
лилаво Тъмно виолетово #800080
червен червен #FF0000
сребро светло сиво #C0C0C0
синьозелен синьозелено #008080
бяло Бяло #FFFFFF
жълто Жълто #FFFF00

Няма значение как ще посочите цвета - чрез името му или като използвате шестнадесетични числа. По своя ефект тези методи са еднакви. Пример 6-1 показва как да зададете цветовете на фона и текста на уеб страница.

Пример 6.1. Цвят на фона и текста

Цветове

Примерен текст

В този пример цветът на фона е зададен с помощта на атрибута bgcolor на тага , и цвета на текста чрез атрибута text. За разнообразие стойността на атрибута text е зададена на шестнадесетично число, а bgcolor е зададена на запазената ключова дума teal.

За определяне на цветове се използват шестнадесетични числа. Шестнадесетичната система, за разлика от десетичната, се основава, както подсказва името й, на числото 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 формат и описание.

Раздел. 1. Имена на цветовете
Име Цвят Кодът 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. Цветове на уеб страницата