Веб-разработчики работают с тремя форматами цветов: HEX (#FF5733) для компактной записи в CSS, RGB (rgb(255, 87, 51)) для динамической стилизации, HSL (hsl(11, 100%, 60%)) для манипуляций с цветом. Инструмент конвертирует между всеми форматами, показывает живое превью, генерирует готовый CSS-код.
Введите HEX (с # или без) для получения RGB и HSL, или введите RGB/HSL для HEX-кода. Поддержка: 3-значный (#F0A), 6-значный (#FF00AA), 8-значный с alpha (#FF00AA80). Живое превью показывает цвет, CSS-сниппеты готовы к копированию.
CSS поддерживает HEX, RGB, HSL, и разные инструменты используют разные форматы. Дизайнеры передают HEX из Figma/Photoshop, разработчикам нужен RGB для Canvas API или HSL для программных манипуляций. Конвертация для email-шаблонов, SVG-атрибутов, дизайн-систем.
HEX кодирует RGB в шестнадцатеричном виде: каждая пара = канал (0-255). RGB → HEX: parseInt(hex, 16). HSL требует вычисления hue (0-360°) из max/min RGB, saturation из delta, lightness как average. Реализован стандартный RGB→HSL алгоритм из CSS Color Level 4.
Введите HEX (#FF5733), и инструмент покажет RGB (255, 87, 51). Каждая пара HEX-цифр = канал Red/Green/Blue (0-255).
HEX: шестнадцатеричная нотация (#RRGGBB). RGB: десятичные значения Red, Green, Blue (0-255). HSL: Hue (0-360°), Saturation (0-100%), Lightness (0-100%). Все описывают один цвет в разных моделях.
HEX с alpha-каналом (#RRGGBBAA) для прозрачности. Последние 2 цифры: 00 = полностью прозрачный, FF = непрозрачный. Пример: #FF573380 = #FF5733 с 50% прозрачностью.
Конвертация RGB (0-255) в HEX-коды с живым превью. Слайдеры, CSS-сниппеты, HSL-вывод.
Конвертация RGBA с прозрачностью в 8-значный HEX (#RRGGBBAA). Превью на шахматном фоне.
Универсальный подборщик цветов с конвертацией между HEX, RGB, HSL, HSV, CMYK
Трансформируйте, форматируйте, генерируйте и кодируйте данные мгновенно. Приватно, быстро и всегда бесплатно.
Смотреть все инструменты