Rgb сивият код се записва като. Цветът в стиловете може да се задава по различни начини: по шестнадесетична стойност, по име, във формат RGB, RGBA, HSL, HSLA. Задайте цвят по име

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

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

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

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

Най-популярните цветове на стандарта на 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):

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

HTML цветовете се обозначават с шест знака след наклонената черта - например #000000. Тези шест знака представляват пропорциите на различните цветове (червено, зелено и синьо) в крайния цвят. Изображението на монитора на вашия компютър се състои от огромен брой точки, наречени пиксели. Всеки пиксел е малък светлинен източник, нека го наречем "фенерче", което от своя страна се състои от три фенерчета - червено, зелено и синьо. Чрез намаляване или увеличаване на интензивността на блясъка на отделните цветни фенери, ние получаваме желания цвят.

html цветни кодове

Цветовете в HTML се обозначават с шестнадесетичен (HEX) запис за комбинация от червено, синьо и зелено (RGB).

Най-малката стойност на цвета е 0 (шестнадесетично 00). Най-високата стойност на цвета е 255 (шестнадесетичен FF).

Шестнадесетичната стойност на цвета е три цифри, започващи с #.

Цветови кодове (стойности)

16 милиона нюанса

Комбинирането на червено, синьо и зелено със стойности, вариращи от 0 до 255 за всеки цвят, добавя до над 16 милиона нюанса (256 x 256 x 256).

Повечето съвременни монитори могат да показват най-малко 16 384 различни нюанса (LCD мониторите обикновено могат да показват 262,16 милиона (актуализирано октомври 2013 г.)цветове, докато CRT мониторите могат да показват почти неограничен брой цветове).

Цветовата таблица по-долу показва промяната в съотношението на червеното от 0 до 255 с нулеви стойности за синьо и зелено:

нюанса сиво

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

Междубраузърни (за всички браузъри) html имена на цветове

Колекция от 150 html имена на цветове, поддържани във всички браузъри.

Стандартизирани имена на цветове

W3C изброява 16 валидни имена на цветове за HTML и CSS: aqua (аквамарин), black (черно), blue (синьо), fuchsia (магента), gray (сиво), green (зелено), lime (лайм или светлозелено), кестеняво (кестен), синьо (ултрамарин), маслина (маслина), лилаво (лилаво), червено (червено), сребро (сребро), синьо (сиво), бяло (бяло) и жълто (жълто).

Когато използвате цветове, които не са включени в този списък, ще бъде по-правилно да използвате техния шестнадесетичен код (HEX) или RGB код.

Безопасни цветове

Преди няколко години, когато компютрите можеха да поддържат максимум 256 различни цвята, беше предложен списък от 216 „безопасни цвята в мрежата“, като 40 цвята бяха запазени за системата.

Тази 216-цветна палитра е създадена, за да показва правилно цветовете в режим на 256-цветна палитра.

Сега това няма значение, защото повечето компютри по света поддържат милиони цветови нюанси. Във всеки случай, ето списък с тези цветове:

HTML цветове
HTML цветове и как да ги определите

В HTML има два начина за определяне на цвят:

1. С името на цвета,
2. Използване на системата RGB, където цветовете са дадени в шестнадесетичен формат.

Име на цвета

Име цветове в htmlобозначени с английски думи, като червено или зелено. Името на цвета действа като стойност на атрибута на HTML тага. Има много имена на цветове, в тази статия ще разгледаме само основните.

Обикновено два атрибута се използват за задаване на цветове в HTML:

1. Атрибут color="color_name" — цвят на текста,
2. Атрибут bgcolor="color_name" — цвят на фона.

Примери за използване на цветови атрибути:
color="red" - присвояване на червен цвят на текста,
bgcolor="green" - настройте цвета на фона на зелено.

Таблица с основни HTML имена на цветове:

Шестнадесетична бройна система

В ежедневието си използваме десетичната бройна система от 0 до 9. Програмистите и дизайнерите често използват шестнадесетичната бройна система от 0 до 15, където:

10=А
11=Б
12=C
13=D
14=Е
15=F

Почти всеки цвят и нюанс, видими за нашето зрение, могат да бъдат записани в шестнадесетична система, например червено (червено) в шестнадесетична система ще бъде равно на ff0000

color="red" — червен цвят, по име,
color="#ff0000" — червен цвят, в шестнадесетична бройна система.

В HTML, преди шестнадесетичното число, в стойността на атрибута поставете знак #

RGB

Преди да започнете да задавате цветове в HTML с помощта на шестнадесетичната бройна система, първо трябва да научите за такава концепция като R G B

RGBе съкращение от R red Green Blue (червено зелено синьо).

HTML цвят, написан в шестнадесетична система, се състои от три блока от числа 00 00 00, където всеки блок отговаря за един от RGB цветовете, първият блок за червено, вторият за зелено, третият за синьо. Числата могат да варират от 00 до ff.

Където ff е 255 в десетичен знак.

RGB схема:
Червено - 00 до ff
Зелено - 00 до ff
Синьо - 00 до ff

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

Ако искаме да получим червен цвят, тогава пишем ff0000, зелен цвят 00ff00, син цвят 0000ff. Например, ако искаме да получим тъмночервен цвят, тогава трябва да намалим първия блок от числа и вместо ff (което е 255 в десетичен знак), запишете например 96 (което е 150 в десетичен знак).

За по-голяма яснота ето примери за цветове и техния шестнадесетичен код:

Смесване на цветове в HTML

Ако не сте пропускали часовете по рисуване в училище, вероятно си спомняте, че когато червеното и зеленото са равномерно смесени, можете да получите жълто,
когато добавите малко зелено към червеното, можете да получите оранжево и т.н.

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

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

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

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

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

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

Както знаете, цветът може да повлияе на състоянието на човек: както психическо, така и физическо. Всеки ден, сърфирайки в интернет, очите оценяват милиони цветове и нюанси. Уеб дизайнер, който е запознат с психологията на цвета, може да контролира настроението на посетителя, за да постигне всякакви цели.

Това се дължи на факта, че някои нюанси успокояват, а някои, напротив, вълнуват. След това ще говорим за това как цветът се синтезира и показва с помощта на компютърна технология.

RGB е цветови модел, който представлява метод за получаване на всички цветове и техните нюанси чрез смесване в различни пропорции на трите основни компонента, които са:

• Червен цвят ( червен);
• зелен цвят ( Зелено);
• Син цвят ( Син).

От тук идва и съкратеното наименование RGB. Тези цветове са избрани като основни с причина: причината е физиологията на ретината на човешкото око и как тя ги възприема:

Цифрово представяне на цветовете

Както споменахме по-рано, 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 модела бежовото има следните числени представяния.