6 мин чтения
2026-01-27
При работе с CSS и дизайном важно понимать разные форматы представления цветов и уметь конвертировать между ними.
| Формат | Пример | Применение |
|---|---|---|
| HEX | #FF5733 | CSS, дизайн |
| RGB | rgb(255, 87, 51) | CSS, Canvas |
| HSL | hsl(11, 100%, 60%) | CSS, анимации |
| CMYK | cmyk(0, 66, 80, 0) | Печать |
Самый распространённый формат в вебе. Состоит из символа # и 6 шестнадцатеричных цифр (по 2 на канал: R, G, B).
Аддитивная цветовая модель. Каждый канал принимает значение от 0 до 255. Поддерживает альфа-канал (RGBA).
Интуитивная модель для подбора цветов. Тон задаётся в градусах (0–360), насыщенность и светлота — в процентах.
Выберите цвет на палитре или введите значение
Мгновенно получите значения во всех форматах
Скопируйте нужный формат
Создавайте гармоничные палитры
Смотрите также: Flexbox Playground, CSS Minifier, Grid Playground
Выбор цвета с пипеткой и копированием значений
Открыть инструмент