Както знаете, цветът може да повлияе на състоянието на човек: както психическо, така и физическо. Всеки ден, сърфирайки в интернет, очите оценяват милиони цветове и нюанси. Уеб дизайнер, който е запознат с психологията на цвета, може да контролира настроението на посетителя, за да постигне всякакви цели.
Това се дължи на факта, че някои нюанси успокояват, а някои, напротив, вълнуват. След това ще говорим за това как цветът се синтезира и показва с помощта на компютърна технология.
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 модел
За първи път думата "злато" е използвана в началото на XIV век, за да опише цвета на химически елемент, наречен Aurum - злато. В RGB модела златният цвят е представен от следните числени стойности:
- RGB (255, 215, 0) - десетична система;
- HEX #FFD700 - шестнадесетична система.
Бежов цвят в RGB модел
Бежовото има доста важно място в историята, дори и да не е най-изразителното. Много паметници на културата, особено антични скулптури, са направени от стеатит и сапунен камък, които имат бежов оттенък. В модела RGB бежов цвятима следните числени представяния.
>> Управление на цветовете
Шестнадесетични 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 | тъмно червено | тъмна сьомга | Тъмноморско зелено | ||||
| тъмносиньо синьо | тъмносиво сиво | тъмнотюркоазено | Тъмновиолетово | ||||
| 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 използва шестнадесетични числа за определяне на цветовете. Шестнадесетичната система, за разлика от десетичната, се основава, както подсказва името й, на числото 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.
Основната характеристика на уеб цвета е, че той се показва еднакво във всички браузъри. В момента уместността на уеб цветовете е много малка поради подобряването на качеството на мониторите и разширяването на техните възможности.
Цветове по име
За да не помните набор от числа, можете вместо това да използвате имената на често използвани цветове. В табл. 6.3 показва имената на популярни имена на цветове.
| Име на цвета | Цвят | Описание | Шестнадесетична стойност |
|---|---|---|---|
| черен | черен | #000000 | |
| син | Син | #0000FF | |
| фуксия | светло лилав | #FF00FF | |
| сиво | Тъмно сив | #808080 | |
| зелено | Зелено | #008000 | |
| вар | светло зелено | #00FF00 | |
| кестеняво | Тъмно червено | #800000 | |
| военноморски флот | Тъмно синьо | #000080 | |
| маслина | Маслина | #808000 | |
| лилаво | Тъмно виолетово | #800080 | |
| червен | червен | #FF0000 | |
| Сребро | светло сиво | #C0C0C0 | |
| синьозелен | синьозелено | #008080 | |
| бяло | Бяло | #FFFFFF | |
| жълто | Жълто | #FFFF00 |
Няма значение как ще посочите цвета - чрез името му или като използвате шестнадесетични числа. По своя ефект тези методи са еднакви. Пример 6-1 показва как да зададете цветовете на фона и текста на уеб страница.
Пример 6.1. Цвят на фона и текста
Примерен текст
AT този примерцветът на фона се задава с помощта на атрибута bgcolor на тага
, и цвета на текста чрез атрибута text. За разнообразие стойността на атрибута text е зададена на шестнадесетично число, а bgcolor е зададена на запазена стойност. ключова думасиньозелен.Цветовите кодове в 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 |