Цветни кодове на Twitter. HTML урок
Както знаете, цветът може да повлияе на състоянието на човека: както психическо, така и физическо. Всеки ден, докато разглеждате уебсайтове в интернет, очите оценяват милиони цветове и нюанси. Уеб дизайнер, който е запознат с психологията на цвета, може да манипулира настроението на посетителя, за да постигне определени цели.
Това се дължи на факта, че някои нюанси успокояват, а някои, напротив, вълнуват. След това ще говорим за това как цветът се синтезира и показва с помощта на компютърна технология.
RGB е цветови модел, който представлява метод за получаване на всички цветове и техните нюанси чрез смесване в различни пропорции на три основни компонента, които са:
- Червен цвят ( червен);
- зелен цвят ( Зелено);
- Син цвят ( Син).
От тук идва и съкратеното наименование RGB. Тези цветове са избрани като основни с причина: причината е физиологията на ретината на човешкото око и как тя ги възприема:
Моделът RGB остава най-популярен днес и се използва за възпроизвеждане на цветове на телевизионни екрани и компютърни монитори. Тъй като производителите придават на своите продукти различни характеристики, през 1996 г. беше създадена унифицирана система за синтез на цветове, базирана на RGB, наречена sRGB, върху която Microsoft и HP работят заедно.
Числено представяне на цвета
Както споменахме по-рано, RGB цветовете се образуват чрез смесване на основните цветове. За да се опише интензитета на всеки от тях, беше приета схема, в която цветът е представен от диапазона 0-255 (8 бита), което в шестнадесетичен запис съответства на 00-FF.
Тоест основните цветове ще изглеждат така:
- Червено – RGB (255,0,0);
- Зелено – RGB (0,255,0);
- Синьо – RGB (0,0,255);
Ако интензитетът на цвета приема стойности по-малки от 255, тогава се получават различни нюанси на червено, зелено и синьо. Следва таблица с техните градации, както и шестнадесетичните стойности на всеки от нюансите:
RGB цветови таблици
Естествено, в допълнение към градациите на основните цветове, има и смесени, като техният брой е доста голям. Затова беше създадена таблица с RGB цветове, която представя всички съществуващи нюанси, както и техните имена и цифрови представяния ( в десетична и шестнадесетична форма).
Можете да го видите тук. Тази таблица прави живота много по-лесен за уеб дизайнерите, тъй като за няколко секунди можете да намерите желания нюанс и да разберете численото му представяне.
Безопасна RGB цветова палитра
В един момент обаче възникна проблем с показването на цветовете в различни браузъри и за решаването му беше съставена така наречената „безопасна“ палитра от RGB цветове, които бяха получени чрез математически изчисления.
Когато браузърът не може да покаже цвят правилно, той ще се опита да получи нещо близко до това, от което се нуждае, като смеси съседни цветове и най-вероятно резултатът ще бъде напълно неприемлив:
Използвайки RGB цветови кодове от тази палитра, уеб разработчикът може да бъде спокоен по отношение на показването на цветовете на страниците на уебсайта си, когато се разглеждат с различни браузъри, платформи и монитори. Въпреки че в момента таблицата с безопасни цветове губи своята релевантност ( технологичният прогрес все още не стои на едно място), когато го използвате, можете, както се казва, да спите спокойно.
Златен цвят в RGB модел
Думата „злато” е използвана за първи път в началото на 14 век, за да опише цвета на химически елемент, наречен Aurum - злато. В модела RGB златният цвят е представен от следните числени стойности:
- RGB (255, 215, 0) – десетична система;
- HEX #FFD700 – шестнадесетична система.
Бежов цвят в RGB модел
Бежовият цвят заема доста важно място в историята, дори и да не е най-изразителният. Много паметници на културата, особено древни скулптури, са направени от сапунен камък и сапунен камък, които имат бежов оттенък. В модела RGB бежовият цвят има следните цифрови представяния.
В HTML цветът може да бъде определен по три начина:
Задаване на цвят в HTML по неговото име
Някои цветове могат да бъдат посочени чрез името им, като се използва името на цвета на английски като стойност. Най-често срещаните ключови думи: черно, бяло, червено, зелено, синьо и др.:
Цвят на текста – червен
Най-популярните цветове на стандарта на 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) определят синия компонент. Крайният резултат ще бъде този цвят.
F.A. | + | 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. Цветен кръг
Цветовете, базирани на шестнадесетични стойности, не трябва да се избират емпирично. За тази цел е подходящ графичен редактор, който може да работи с различни цветови модели, например Adobe Photoshop. На фиг. Фигура 6.2 показва прозореца за избор на цвят в тази програма; получената шестнадесетична стойност на текущия цвят е очертана с линия. Можете да го копирате и поставите във вашия код.
Ориз. 6.2. Прозорец за избор на цветове във Photoshop
Уеб цветове
Ако зададете качеството на цветопредаване на монитора на 8 бита (256 цвята), тогава един и същи цвят може да се показва по различен начин в различните браузъри. Това се дължи на начина, по който се показват графиките, когато браузърът работи със собствена палитра и не може да покаже цвят, който не е в неговата палитра. В този случай цветът се заменя с комбинация от пиксели от други, близки до него цветове, които имитират дадения. За да се гарантира, че цветът остава един и същ в различните браузъри, беше въведена палитра от така наречените уеб цветове. Уеб цветовете са тези цветове, за които всеки компонент - червен, зелен и син - е зададен на една от шестте стойности - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Шестнадесетичната стойност на този компонент е посочена в скоби. Общият брой цветове от всички възможни комбинации дава 6x6x6 - 216 цвята. Примерен уеб цвят е #33FF66.
Основната характеристика на уеб цвета е, че той изглежда еднакъв във всички браузъри. В момента уместността на уеб цветовете е много малка поради подобряването на качеството на мониторите и разширяването на техните възможности.
Цветове по име
За да избегнете необходимостта да помните набор от числа, можете вместо това да използвате имената на често използвани цветове. В табл 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.>> Управление на цветовете
Шестнадесетични 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. |
В този случай цветът се определя от три шестнадесетични числа, всяко от които се състои от две цифри. Първото число определя интензивността червенцветове, средно- зелено, последно нещо- синцветове. Всички числа могат да приемат стойности в диапазона от 00 преди FF(от 0 до 255). Например: зеленият цвят е даден като #00FF00, червено - като #FF0000, синьо - като #0000FF, бяло - като #FFFFFF, като се дава пълна липса на цвят или черно #000000 .
Във формуляра по-долу можете да посочите всякакви шестнадесетични стойности за всеки от трите цвята и да видите резултата от смесването им, като щракнете върху полето за изход.
Примери за някои шестнадесетични 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 | Cadetblue | ||||
Шартрьоз | Шоколад | Корал | метличина | ||||
Cornsilk | Пурпурен | Циан | Тъмно синьо | ||||
Darkcyan | Тъмна златна пръчица | Тъмно сиво | Тъмнозелено | ||||
Тъмнокаки | Тъмнопурпурно | тъмнозелено | Тъмнооранжево | ||||
Darkorchid | Тъмно червено | Черна сьомга | Darkseagreen | ||||
тъмносиньо | Тъмносластосив | Тъмнотюркоаз | Тъмновиолетово | ||||
Deeppink | Deepskyblue | Димгрей | Доджърблу | ||||
Огнеупорна тухла | Floralwhite | Forestgreen | Фуския | ||||
Гейнсбъро | Ghostwhite | злато | Златна пръчица | ||||
Сив | Зеленожълто | Медена роса | Hotpink | ||||
Индийско червено | Индиго | Слонова кост | Каки | ||||
Лавандула | Лавандулов руж | Лимончифон | Светло синьо | ||||
Lightcoral | Lightcyan | Светлостуденочервеножълто | Светло зелено | ||||
Светло сиво | Светло розово | Светла сьомга | Лайтсигрийн | ||||
Светлосиньо | Светлосиво | Светлостоманеносиньо | Светло жълто | ||||
Лайм | лаймгрийн | спално бельо | Магента | ||||
Кестеняво | Среден аквамарин | Средно синьо | Средна морхида | ||||
Средно лилаво | Средноморскозелено | Средноплоскосиньо | Среднопролетнозелено | ||||
Среден тюркоаз | Средно виолетов | Среднощно синьо | Ментов крем | ||||
Mistyrose | Навайоуайт | ВМС | Стара дантела | ||||
Маслина | Оливераб | Оранжево | Орхидея | ||||
Златна пръчица | Бледо зелено | Paletteurquoise | Палевиолетово червено | ||||
Papayawhip | прасковен пух | Перу | Розово | ||||
слива | Пудрово синьо | Розовокафяво | Кралско синьо | ||||
Седлокафяво | Морско зелено | Мида | Сиена | ||||
Сребро | Небесно синьо | Slateblue | Слейтгрей | ||||
сняг | Springgreen | Steelblue | тен | ||||
Тил | Трън | Домат | Тюркоаз | ||||
Виолетово | пшеница | Whitesmoke | Жълто зелен |
Използване на безопасна цветова палитра
За съжаление, на различни платформи, с различни системни настройки, правилното възпроизвеждане на цветовете е проблем. Работата е там, че браузърът винаги се опитва да настрои цветовата палитра на документа към системните настройки и възможностите на монитора, като независимо смесва цветовете и ги заменя. В резултат на това понякога потребителят не вижда точно това, което уеб администраторът е искал да му покаже. Изход от тази ситуация беше намерен в използването на палитра, всеки цвят от която гарантирано се изобразява еднакво от всички браузъри на различни платформи. Това е т.нар гарантиранопалета, наричана още безопаснопалитра. Тази палитра включва цветове, чиито цветови компоненти приемат следните стойности: 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ви дава възможност самостоятелно да изберете тона, от който се нуждаете. Стойността на цвета се показва в три формата: 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 | |
Cadet Blue | #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 |