Форматы цветов кратко
| Формат | Пример | Оптимально для |
|---|---|---|
| HEX | #3B82F6 | Передача CSS и дизайна |
| RGB | rgb(59, 130, 246) | Программная работа с цветом и рендеринг в браузере |
| HSL | hsl(217, 91%, 60%) | Понятная настройка оттенка, насыщенности и светлоты |
| CMYK | cmyk(76, 47, 0, 4) | Рабочие процессы для печати |
Один и тот же синий в разных форматах
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76, 47, 0, 4)
Когда что использовать
- Используйте HEX, когда нужны короткие значения, удобные для CSS, в дизайн-системе или таблице стилей.
- Используйте RGB, когда код или API браузера ожидает значения каналов напрямую.
- Используйте HSL, когда нужно более интуитивно изменять светлоту или насыщенность.
- Используйте CMYK для обсуждений, связанных с печатью, а не как основной формат в CSS.
Используйте эту справку с подходящим инструментом
Связанные инструменты