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

Тази страница съдържа таблица с ключови думи, които могат да се използват за обозначаване на цветове в такива езици за уеб разработка като: HTML, CSS, JavaScript, Flash и др.

В старата спецификация на WC3 бяха използвани само 16 ключови думи за задаване на цветове в HTML и CSS. В по-късни, по-модерни спецификации бяха добавени още 130 ключови думи за обозначаване на имена на цветове. Следната таблица съдържа имената на цветовете, шестнадесетични и RGB кодове, на които отговарят.

Съгласно правилата на CSS имената на цветовете не са чувствителни към главни и малки букви. Цветните записи IndianRed и indianred са еквивалентни.

Заслужава да се отбележи също, че от 146 ключови думи в таблицата всъщност има по-малко цветове в нея. Това е така, защото някои от ключовите думи се отнасят за същия цвят. Така че имената Gray и Gray означават 50 процента сиво с код #808080, докато думата Magenta е HTML синоним на цвета Fuchsia, съответстващ на шестнадесетичния код #FF00FF. Думите Aqua и Cyan също са синоними, те съответстват на код #00FFFF.

Таблица (палитра) от 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.

Въведете цветовия код: ОТИВАМ

Списък с цветове с имена

Таблицата изброява английските имена на цветове (които могат да се използват като стойности), поддържани от всички браузъри и техните шестнадесетични стойности. Всички изброени цветове са „безопасни“, което означава, че ще се показват еднакво във всички браузъри.

За определяне на цветове се използват шестнадесетични числа. Шестнадесетичната система, за разлика от десетичната, се основава, както подсказва името й, на числото 16. Числата ще бъдат следните: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Цифрите от 10 до 15 се заменят с латински букви. Числата, по-големи от 15 в шестнадесетичната система, се образуват чрез комбиниране на две числа в едно. Например числото 255 в десетична система съответства на числото FF в шестнадесетична система. За да се избегне объркване в дефиницията на бройната система, шестнадесетичното число се предхожда от символа #, например #666999. Всеки от трите цвята - червен, зелен и син - може да приема стойности от 00 до FF. По този начин обозначението на цвета се разделя на три компонента #rrggbb, като първите два знака означават червения компонент на цвета, двата средни означават зеления, а последните два означават синия. Разрешено е да се използва съкратената форма #rgb, където всеки символ трябва да бъде удвоен. Следователно записът #fe0 трябва да се разглежда като #ffee00.

по име

Браузърите поддържат някои цветове по име. В табл. 1 показва имената, шестнадесетичния код, стойностите в RGB, HSL формат и описание.

С RGB

Можете да определите цвят, като използвате червените, зелените и сините стойности в десетични числа. Всеки от трите цветови компонента приема стойност от 0 до 255. Също така е приемливо да зададете цвета като процент, докато 100% ще съответства на числото 255. Първо се посочва ключовата дума rgb и след това цветните компоненти се задават посочени в скоби, разделени със запетаи, например rgb(255 , 128, 128) или rgb(100%, 50%, 50%).

RGBA

Форматът RGBA е подобен по синтаксис на RGB, но включва алфа канал, който задава прозрачността на елемента. Стойност 0 е напълно прозрачна, 1 е непрозрачна, а междинна стойност като 0,5 е полупрозрачна.

RGBA е добавен към CSS3, така че валидирането на CSS кода трябва да се извърши в съответствие с тази версия. Трябва да се отбележи, че стандартът CSS3 все още е в процес на разработка и някои от функциите му може да се променят. Например RGB цвят, добавен към свойството background-color, преминава проверка, но добавен към свойството background не. В същото време браузърите съвсем правилно разбират цвета и за двете свойства.

HSL

Името на формата HSL се формира от комбинация от първите букви Hue (оттенък), Saturate (наситеност) и Lightness (лекота). Оттенъкът е стойността на цвета на цветното колело (фиг. 1) и се определя в градуси. 0° е червено, 120° е зелено, а 240° е синьо. Стойността на нюанса може да варира от 0 до 359.

Ориз. 1. Цветно колело

Наситеността е интензитетът на цвета, измерен като процент от 0% до 100%. Стойност от 0% показва липса на цвят и нюанс на сивото, 100% е максималната стойност на насищане.

Светлотата задава колко ярък е цветът и се определя като процент от 0% до 100%. Малките стойности правят цвета по-тъмен, докато високите стойности го правят по-светъл, крайните стойности от 0% и 100% съответстват на черно и бяло.

HSLA

Форматът HSLA е подобен по синтаксис на HSL, но включва алфа канал, който задава прозрачността на елемента. Стойност 0 е напълно прозрачна, 1 е непрозрачна, а междинна стойност като 0,5 е полупрозрачна.

Стойностите на цвета във формати RGBA, HSL и HSLA се добавят към CSS3, така че когато използвате тези формати, проверете кода за валидност спрямо версията.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Внимание

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

Резултатът от този пример е показан на фиг. 2.

Ориз. 2. Цветове на уеб страницата

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-цветна палитра.

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