Введите цвет в любом формате — получите все остальные мгновенно. Выберите элемент макета и подберите палитру прямо в браузере.
🔒 Всё работает в браузере — данные никуда не отправляются
HEX — шестнадцатеричная запись цвета, используемая в HTML и CSS. Формат #RRGGBB, где каждая пара символов задаёт интенсивность красного, зелёного и синего канала от 00 (0) до FF (255). Например, #FF0000 — чистый красный.
Короткая запись #RGB раскрывается в #RRGGBB: #F0A превращается в #FF00AA. HEX — самый распространённый формат в веб-разработке.
RGB (Red, Green, Blue) — аддитивная модель для экранов. Значения 0–255. HSL (Hue, Saturation, Lightness) — удобна дизайнерам: интуитивно понятно менять насыщенность или яркость не трогая оттенок. CMYK (Cyan, Magenta, Yellow, Key/Black) — субтрактивная модель для печати.
При переводе RGB→CMYK и обратно возможна погрешность — цветовые охваты экрана и принтера не совпадают.
Разбейте HEX на три пары: #1A2B3C → 1A, 2B, 3C. Каждую пару переведите из шестнадцатеричной в десятичную: 1A=26, 2B=43, 3C=60. Результат: rgb(26, 43, 60). Конвертер делает это мгновенно.
Четвёртый параметр — прозрачность от 0 (полностью прозрачный) до 1 (непрозрачный). rgba(99,102,241,0.5) — акцентный цвет с 50% прозрачностью. Конвертер работает с непрозрачными цветами, альфа добавляется вручную.
Экраны работают в RGB (аддитивный синтез), принтеры — в CMYK (субтрактивный). Цвета, которые экран легко воспроизводит (яркий синий, неоновый зелёный), в CMYK часто выглядят тусклее. Для точной печати используйте цвета из палитр Pantone с готовыми CMYK-значениями.
