Конвертер цветовых кодов
Конвертируйте цвета между HEX, RGB, RGBA, HSL, HSLA, HSV и CMYK — выберите цвет, настройте альфу и мгновенно скопируйте любой формат.
#FFFFFF
Каналы
R
G
B
Цветовые форматы
Введите любое значение HEX, RGB(A) или HSL(A) — все остальные форматы обновятся мгновенно.
Быстрая палитра
Справочник по форматам цвета
HEX — это 6-значный шестнадцатеричный код, например #3B82F6, в котором хранятся каналы красного, зелёного и синего (по 00–FF). Это самый распространённый способ задавать цвета в HTML и CSS.
8-значный HEX, например #3B82F6CC, добавляет последнюю пару знаков для непрозрачности (альфа). Используйте его для прозрачных цветов в современном CSS без отдельного значения rgba().
RGB задаёт цвет значениями красного, зелёного и синего от 0 до 255, например rgb(59, 130, 246). Он соответствует тому, как экраны излучают свет, и идеален для веба и цифрового дизайна.
RGBA — это RGB с альфа-каналом от 0 (прозрачный) до 1 (непрозрачный), например rgba(59, 130, 246, 0.5). Используйте его для наложений, теней и эффектов при наведении.
HSL описывает цвет через тон (0–360°), насыщенность и светлоту, например hsl(217, 91%, 60%). Он удобен для подстройки цветов и ручного создания палитр.
HSLA — это HSL с альфа-каналом для непрозрачности, например hsla(217, 91%, 60%, 0.5). Он сочетает наглядность HSL с контролем прозрачности.
HSV, также называемый HSB, использует тон, насыщенность и яркость (value), например hsv(217, 76%, 96%). Это модель, лежащая в основе палитр большинства графических редакторов.
CMYK — это субтрактивная модель из процентов голубого, пурпурного, жёлтого и чёрного (key), например cmyk(76%, 47%, 0%, 4%). Это стандарт печати, поэтому сверяйте важные цвета с профилем вашей типографии.
Для сайтов используйте HEX или RGB, а для прозрачности добавляйте альфу (RGBA, HSLA или 8-значный HEX). Для создания палитр берите HSL или HSV, а для подготовки файлов к печати — CMYK.
Популярные запросы
конвертер цветовых кодов
hex в rgb
rgb в hex
hex в hsl
преобразование цветовых форматов
онлайн конвертер цветов
Нужна помощь?
Возникла проблема с этим инструментом? Сообщите нам.