Таблица веб цветов HTML, CSS онлайн

Веб-цвета используются при отображении веб-страниц. Представленная интерактивная таблица переводит выбранный в палитре цвет в RGB и HEX код для веб разработки (HTML, CSS). Для удобства использования имеется несколько цветовых палитр в том числе и таблица безопасных цветов, которая обеспечивает правильную передачу цвета на разных типах компьютеров, мониторов и браузеров.

Интерактивная таблица веб цветов html, css

Выберите цвет

Или введите значение цвета

Некорректное значение

Или задайте с помощью HTML5 палитры

Примеры использования выбранного цвета

Черный текст (Black Text) Текст с тенью (Shadow) Белый текст (White Text) Текст с тенью (Shadow)

Способы указания цвета в вебе

Самый простой способ указания цвета в вебе — ключевые слова. Используются английские названия цветов.

Таблица с ключевыми словами для обозначения цвета в CSS:

RGB (Red, Green, Blue) — аддитивная (сложение) цветовая модель. Основные цвета которой красный, зеленый и синий. Это значит, что при сложении всех цветов у нас получится белый. Такая модель используется во всех электронных устройствах. Записывается в виде: rgb(0,0,0), каждый из цветов может варьироваться от 0 до 255 включительно, где (0,0,0) — черный цвет, (255,255,255) — белый. Дополнительно может добавляться четвертый параметр — аlpha канал, который означает насколько прозрачен цвет. Alpha канал может принимать значения от 0 до 1, к примеру rgba(31,104,2, 0.8).

HEX — это RGB в шестнадцатеричной системе. Выглядит таким образом #102945, первые две цифры отвечают за красный цвет, вторые за зеленый и третьи за синий. Каждый символ может принимать значения: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. Где #000000 — черный цвет, а #ffffff — белый.

Цветовая модель HSL описывает те же цвета, что и RGB, но иначе: H — Hue (оттенок), S — Saturation (насыщенность), L — Lightness (светлота). Например, hsl(120 100% 50%) для зелёного. Первое значение оттенка задаётся в градусах и его можно записать просто как 120 (как чаще всего и делают) или с указанием единиц поворота: deg, turn, grad, rad. Доступны значения от 0 до 360, если указываете поворот в градусах. Отрицательные значения не допускаются. Второе и третье значение указываются в процентах. Прозрачность добавляется так же, как в rgb, с помощью слэша со значением, например hsl(120 100% 50% / 0.5) полупрозрачный зелёный.

Цветовая модель HWB. H — hue (оттенок), W — whiteness (количество белого), B — blackness (количество чёрного). Первое значение оттенка задаётся в градусах и его можно записать просто как 120 (как чаще всего и делают) или с указанием единиц поворота: deg, turn, grad, rad. Доступны значения от 0 до 360, если указываете поворот в градусах. Второе и третье значения указываются в процентах. Допустимо указывать прозрачность цвета четвёртым параметром через слэш.

Таблица цветов в HTML

Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме.

Таблица безопасных цветов

Палитра состоит из 36 сочетаний 6 оттенков красного, зеленого и синего. Над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).