Colori html кодове. Цветът в стиловете може да се задава по различни начини: по шестнадесетична стойност, по име, във формат RGB, RGBA, HSL, HSLA
Влад Мержевич
В 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. Цветен кръг
Не е необходимо шестнадесетични цветове да се избират емпирично. За тази цел е подходящ графичен редактор, който може да работи с различни цветови модели, например 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 reserved.Майнкрафт мами цветя, или Minecraft кодовеформатиране, позволява на всеки играч да добавя цветя и да форматира текст по всякакъв начин направо в Minecraft. Цветни кодове& 0-9 - до & a-f. Добавете ги пред текста си. Съобщенията на играча може да съдържат цветни кодове, които ви позволяват да добавяте боя към вашите предложения.
Цветове и кодове за форматиране
Амперсандът (&), последван от шестнадесетично число в съобщенията, сигнализира на клиента да превключи цветовете при показване на текст. Като алтернатива текстът може да бъде форматиран със знака &, последван от буква. Можете да добавяте различни цветове към книги, командни блокове, име на сървър, описание на сървъра (motd), имена на светове, табели и дори имена на играчи.
Много е лесно да форматирате текста си в конфигурации или в играта, като използвате таблицата с цветове по-долу. & r се използва за изчистване на всички кодове, т.е. & mAAA и rBBB ще се показват като AAA BBB.
Представяме таблица на съществуващите цветови кодове в Minecraft за ваше удобство:
| код | име | Tech.Name | Цвят на символа | Цвят на сянка на символа | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| Р | г | Б | шестнадесетичен | Р | г | Б | шестнадесетичен | |||
| &0 | Черен | черен | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | тъмносин | тъмно синьо | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | Тъмнозелено | тъмнозелено | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | Тъмно синьо зелено | dark_aqua | 0 | 170 | 170 | 00АААА | 0 | 42 | 42 | 002A2A |
| &4 | Тъмно червено | тъмно червено | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | Тъмно лилаво | тъмно лилаво | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | злато | злато | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | Сив | сиво | 170 | 170 | 170 | АААААА | 42 | 42 | 42 | 2A2A2A |
| &8 | Тъмно сив | тъмно сиво | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Син | син | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| & a | зелено | зелено | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| & б | Синьозелено | аква | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| & ° С | червен | червен | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| & д | светло лилав | светло лилав | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| и д | жълт | жълто | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| & е | Бяла | бяло | 255 | 255 | 255 | Ффффф | 63 | 63 | 63 | 3F3F3F |
Понякога имате нужда подчертавам, зачертавам, подчертайтевсеки текст... За това се използва форматиране на текст. Използва се по същия начин като цветовете (пред текста, който поставяме коднапример & lMinecraft = Minecraft.
За ваше удобство по-долу е дадена таблица с кодове за форматиране:
| код | име |
|---|---|
| & k | Магически текст |
| & л | Миниатюра |
| и м | Зачертан текст |
| & н | Подчертан текст |
| & o | Курсив текст |
| & r | Неформатиран текст |
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 |
Както знаете, цветът може да повлияе на състоянието на човек: както психическо, така и физическо. Всеки ден, гледайки сайтове в интернет, очите оценяват милиони цветове и нюанси. Уеб дизайнер, който е запознат с психологията на цвета, може да манипулира настроението на посетителя, за да постигне всяка цел.
Това се дължи на факта, че някои нюанси са успокояващи, докато други, напротив, са вълнуващи. След това ще говорим за това как цветът се синтезира и показва с помощта на компютърни технологии.
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 (245, 245, 220) - десетична система;
- HEX # F5F5DC - шестнадесетична система.
В днешно време, особено в световната мрежа, рядко се среща толкова "скучен" цвят. Разработчиците предпочитат закачлив дизайн, използвайки ярки цветове. Технологичният прогрес прави възможно показването на колосален брой цветове на мониторите, което прави картината по-реалистична.
Добро Лошо
