ESC

Конвертер цветов

%

Предпросмотр цвета

CSS-вывод

HEX #FF5733
rgb() rgb(255, 87, 51)
hsl() hsl(11, 100%, 60%)
rgba() rgba(255, 87, 51, 1)
hsla() hsla(11, 100%, 60%, 1)
Вся обработка происходит в вашем браузере. Данные не отправляются на сервер.

Примеры использования

Цвет для веб-дизайна

Конвертация популярного цвета веб-дизайна из HEX в форматы RGB и HSL для CSS.

Фирменный цвет

Конвертация фирменного цвета во все CSS-форматы с прозрачностью для наложений.

Пастельная палитра

Исследование мягкого пастельного цвета и просмотр его значений во всех форматах.

Возможности

Двусторонняя конвертация

Конвертация из любого формата во все остальные мгновенно — HEX, RGB, HSL, RGBA и HSLA

Предпросмотр цвета

Реальный цвет обновляется в реальном времени при изменении значений или вводе кодов

Поддержка альфа-канала

Регулировка прозрачности с ползунком альфа и вывод RGBA и HSLA для прозрачных цветов

Конфиденциальность

Все конвертации цветов происходят локально в вашем браузере, данные не отправляются на серверы

Как использовать?

1

Введите цвет

Введите HEX-код, настройте ползунки RGB или используйте палитру цветов.

2

Смотрите все форматы

Все форматы цветов (HEX, RGB, HSL, RGBA, HSLA) обновляются автоматически в реальном времени.

3

Скопируйте CSS-код

Нажмите кнопку копирования для копирования значения цвета в нужном формате в буфер обмена.

Часто задаваемые вопросы

Он конвертирует цвета между HEX, RGB, HSL и другими форматами. Всё работает в вашем браузере.

Предпросмотр цвета, встроенная палитра, управление прозрачностью, мгновенная конвертация между всеми CSS-форматами цветов, готовые фрагменты CSS-кода.

Да. Вся обработка происходит в вашем браузере. Ничего не отправляется ни на какой сервер.

Что такое конвертер HEX в RGB?

Вставьте hex-код, двигайте ползунки RGB или используйте палитру — все форматы обновляются в реальном времени. Поддерживает HEX, RGB, HSL, RGBA и HSLA с копированием одним кликом для каждого формата.

Основные возможности

Предпросмотр цвета, встроенная палитра, управление прозрачностью, мгновенная конвертация между всеми CSS-форматами цветов, готовые фрагменты CSS-кода.

Типичные сценарии использования

Веб-дизайн, когда есть hex-код, а нужны RGB-значения, настройка прозрачности для наложений, поиск HSL-эквивалентов для манипуляции цветом или просто визуальное исследование цветов.

Советы

HSL интуитивнее RGB для настройки цветов — Hue задаёт цвет, Saturation — насыщенность, Lightness — яркость. Альфа-канал варьируется от 0 (прозрачный) до 1 (непрозрачный).

Конфиденциальность

Все вычисления цветов происходят в вашем браузере. Данные никуда не отправляются.

Безопасность и конфиденциальность

Безопасность ваших данных — наш приоритет

Локальная обработка

Вся обработка происходит в вашем браузере

Без передачи данных

Ваши данные не отправляются на наши серверы

Без хранения данных

Данные не хранятся и не передаются

SSL-шифрование

SSL-шифрование для безопасного соединения

Next Step