Вернуться к обучению
💻

Цифровые форматы цветов

Изучите различные форматы представления цветов в цифровом дизайне

Введение

В цифровом дизайне цвета могут быть представлены в различных форматах. Каждый формат имеет свои преимущества и используется в разных контекстах.

HEX цветовые коды

HEX (шестнадцатеричный) формат широко используется в веб-дизайне. Он состоит из символа # и шести шестнадцатеричных цифр (0-9, A-F), представляющих красный, зеленый и синий каналы. Формат компактный и легко читаемый.

#FF5733, #00A8CC, #F5F5F5

RGB и RGBA

RGB формат использует три значения от 0 до 255 для красного, зеленого и синего каналов. RGBA добавляет альфа-канал (прозрачность) от 0 до 1. Этот формат интуитивно понятен и часто используется в графических редакторах.

rgb(255, 87, 51), rgba(0, 168, 204, 0.5)

HSL и HSLA

HSL формат описывает цвет через оттенок (Hue), насыщенность (Saturation) и яркость (Lightness). HSLA добавляет альфа-канал. Этот формат удобен для программного изменения свойств цвета, таких как затемнение или осветление.

hsl(9, 100%, 60%), hsla(195, 100%, 40%, 0.5)

CSS цветовые ключевые слова

CSS предоставляет набор предопределенных цветовых ключевых слов, таких как 'red', 'blue', 'green' и другие. Эти ключевые слова удобны для быстрого использования, но ограничены по количеству доступных цветов.

red, blue, green, coral, skyblue