Цветен код на цвета. Цветът в стиловете може да бъде определен по различни начини: чрез шестнадесетична стойност, по име, във формат RGB, RGBA, HSL, HSLA
26.02.15 8,9 хилКакто знаете, цветът може да повлияе на състоянието на човека: както психическо, така и физическо. Всеки ден, докато разглеждате уебсайтове в интернет, очите оценяват милиони цветове и нюанси. Уеб дизайнер, който е запознат с психологията на цвета, може да манипулира настроението на посетителя, за да постигне определени цели.
Това се дължи на факта, че някои нюанси успокояват, а някои, напротив, вълнуват. След това ще говорим за това как цветът се синтезира и показва с помощта на компютърна технология.
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 използва шестнадесетични числа за определяне на цветовете. Шестнадесетичната система, за разлика от десетичната, се основава, както подсказва името й, на числото 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. Цветен кръг
Цветовете, базирани на шестнадесетични стойности, не трябва да се избират емпирично. За тази цел е подходящ графичен редактор, който може да работи с различни цветови модели, например Адобе Фотошоп. На фиг. Фигура 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. Цвят на фона и текста
Примерен текст
IN в този примерЦветът на фона се задава с помощта на атрибута bgcolor на тага
и цвета на текста чрез атрибута text. За разнообразие атрибутът text е зададен на шестнадесетично число, а атрибутът bgcolor е зададен на запазената ключова дума teal.Цветовите кодове в CSS се използват за определяне на цветове. Обикновено цветовите кодове или цветовите стойности се използват за задаване на цвета или за цвета на предния план на елемент (напр. цвят на текста, цвят на връзката), или за цвета на фона на елемент (цвят на фона, цвят на блок). Те могат да се използват и за промяна на цвета на бутон, граница, маркер, задържане и други декоративни ефекти.
Можете да зададете вашите цветови стойности в различни формати. Следната таблица изброява всички възможни формати:
Изброените формати са описани по-подробно по-долу.
CSS цветове - шестнадесетични кодове
Шестнадесетичен код на цветае шестцифрено представяне на цвета. Първите две цифри (RR) представляват червената стойност, следващите две са зелена стойност(GG), а последните са синята стойност (BB).
CSS цветове - кратки шестнадесетични кодове
Кратък шестнадесетичен цветен коде по-кратка форма на запис от шест знака. В този формат всяка цифра се повтаря, за да се получи еквивалентна шестцифрена стойност на цвета. Например: #0F0 става #00FF00.
Шестнадесетичната стойност може да бъде взета от всяка графика софтуер, като Adobe Photoshop, 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 |
За съжаление все още не е възможно да се показват вкусови усещания на уебсайта. Но това може напълно да се компенсира с цветова гама. В края на краищата html цветовете ви позволяват да показвате всеки от милионите нюанси. Така " цветни моливиВ комплекта му има много повече от седем.
Цветова схема в html
В html цветът може да бъде определен в няколко формата:
1. Като шестнадесетична стойност – използва се кодът, посочен в шестнадесетичната бройна система. Такива цветни кодове в html се състоят от три двойки шестнадесетични числа. Всяка двойка отговаря за наситеността на нюанса с основния си цвят:
- Първата числова двойка отговаря за червения цвят;
- Втората двойка е за съдържанието на зелен цвят;
- Последното е заради синьото съдържание.
В началото на кода (преди числата) се поставя решетка. Това е шестнадесетичният знак цветен код. В допълнение към числата от 1 до 9, тази бройна система използва букви латиница(А Б В Г Д Е).
Например кодът на белия цвят в html ще изглежда като #FFFFFF:
2. Ключова дума – HTML в момента поддържа около 147 ключови думи. Но не всички от тези думи са уникални. Някои от тях се отнасят за един и същи цветови нюанс.
Сивият цвят е представен с две ключови думи: сиво и сиво. Техният шестнадесетичен код (HEX) е даден със същата стойност #808080.
Пример:
#808080
3. Б RGB формат– това цветово кодиране в html се основава на използването на три стойности, зададени в диапазона от 0 до 255. Всяка от тях определя наситеността на нюанса с един от основните цветове:
- R – червено (червено);
- G – зелен (зелен);
- B – синьо (синьо).
Номерът на цвета в RGB формат се записва в следната форма: rgb(0, 210, 100).
цвят на фона:rgb(100,186,43)
4. Във формат RGBA - това е подобрен RGB формат, където четвъртата стойност задава прозрачността на цвета във формата десетичен знакот 0 до 1.
Пример за употреба:
цвят на фона:rgba(100,86,143,0.2)
цвят на фона:rgba(100,86,143,0.5)
цвят на фона:rgba(100,86,143,0.8)
цвят на фона:rgba(100,86,143,1)
HTML цветни таблици и генератори на цветове
С такава широка гама от формати за настройка на цвета е лесно да се объркате. Затова е изобретена специална цветна таблица. Той предоставя 147 ключови имена на цветови нюанси с кодове за съответствие във всички основни цветови стандарти. Освен това всяко поле е оборудвано с лента за визуален избор на цвят. Една от тези таблици е представена на уебсайта colorscheme.ru:
Но дори и с това структуриране на съвпадението, изборът на правилния нюанс може да бъде труден. И не е факт, че таблицата с цветови кодове ще съдържа този, от който се нуждаете.
За да се преодолее това препятствие и да се направи изборът на правилния нюанс възможно най-лесен, са разработени интерактивни уеб услуги. Техният потребителски интерфейс може леко да се различава един от друг.
На уебсайта html-color-codes.info генераторът на цветове изглежда така:
И в рамките на услугата color-picker.appsmaster.co този инструмент е внедрен малко по-различно:
Наситеността на всеки цвят в генератора се задава с помощта на специални плъзгачи. Визуално сянката се показва чрез цвета на рамката и правоъгълника от лявата страна. В долната част 3 полета показват цветовия код в основни формати.
Но генераторът на цветове е достъпен не само на специализирани сайтове. Почти всички графични редактори са оборудвани с подобен инструмент. Например Photoshop:
Мерки за безопасност при работа с цвят
И това беше много отдавна, още в ерата на видеокартите, които поддържаха само 256 цвята. В онези далечни времена операционна системаможе да показва само определен брой осембитови нюанси без изкривяване.
Тогава беше разработена страхотна таблица с безопасни цветове. Той определя 216 нюанса, които могат да бъдат показани без изкривяване във всеки от браузърите от онова време. И до днес това " страхотен ръкопис» все още е наличен на някои ресурси:
В наши дни всичко се е променило. Следователно всички правила за безопасност при работа с цвят в html са напълно отменени. В крайна сметка съвременният компютърен хардуер поддържа повече от 16 милиона различни нюанса. И 216 безопасни цвята са потънали в забрава.
В HTML цветът може да бъде определен по три начина:
Задаване на цвят в HTML по неговото име
Някои цветове могат да бъдат посочени с името им, като се използва името на цвета в английски език. Най-често срещаните ключови думи: черно, бяло, червено, зелено, синьо и др.:
Цвят на текста – червен
Най-популярните цветове на стандарта на World Wide Web Consortium (W3C):
| Цвят | Име | Цвят | Име | Цвят | Име | Цвят | Име |
|---|---|---|---|---|---|---|---|
| черен | Сив | Сребро | Бяло | ||||
| Жълто | Лайм | Аква | Фуксия | ||||
| червен | Зелено | Син | Лилаво | ||||
| Кестеняво | Маслина | ВМС | Тил |
Пример за употреба различни цветове s имена:
Пример: посочване на цвят чрез неговото име
- Опитайте сами"
Заглавие на червен фон
Заглавка на оранжев фон
Заглавие на лайм фон
Бял текст на син фон
Заглавие на червен фон
Заглавка на оранжев фон
Заглавие на лайм фон
Бял текст на син фон
Задаване на цвят чрез 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 | |
Цветови кодове (фон) по наситеност и нюанс.