Перейти к содержимому
Toova
Все инструменты

Конвертер цветов (HEX, RGB, HSL, OKLCH)

Приватность по умолчанию — работает полностью в вашем браузере

Конвертируйте цвета между HEX, RGB, HSL, OKLCH и именованными значениями в браузере. Toova показывает живой предпросмотр, позволяет настраивать каналы с помощью ползунков и выдаёт полный вывод в каждом формате, готовый для CSS, дизайн-инструментов или продакшн-кода.

Зачем так много цветовых форматов

HEX (#ff6600) — наиболее распространённый в CSS и легко вводится. RGB (rgb 255 102 0) — это то, что понимают все форматы изображений. HSL (hsl 24 100% 50%) интуитивнее для выбора оттенков, поскольку оттенок, насыщенность и светлота соответствуют тому, как люди думают о цвете. OKLCH — это современный формат, исправляющий перцептивную равномерность: равные числовые шаги выглядят как равные визуальные шаги. Toova конвертирует между всеми ними без потерь.

Живой предпросмотр и ползунки каналов

Вставьте цвет в любом формате, и Toova покажет живой образец плюс полную конвертацию во все остальные форматы. Перетащите любой ползунок канала — оттенок, насыщенность, светлота, красный, зелёный, синий, альфа — и предпросмотр обновляется в реальном времени. Это позволяет легко настраивать базовый цвет в оттенок, исправлять контраст или создавать состояние при наведении без перехода на другую вкладку браузера.

Только локально

Конвертация цветов происходит полностью в вашем браузере. Вставляемые значения никогда не покидают страницу. Это излишество для цветовых кодов, но делает инструмент быстрым и надёжным: без серверного обращения, без ограничений скорости, без сбоев. Страница работает офлайн после первой загрузки.

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

Когда использовать OKLCH вместо HEX?
OKLCH перцептивно равномерен, то есть равные числовые шаги выглядят как равные визуальные шаги. Это правильный выбор при создании цветовой палитры, вычислении доступного контраста или любой алгоритмической работе с цветом. Для статических дизайн-токенов HEX по-прежнему подходит.
Все ли конвертации без потерь?
Конвертация между HEX, RGB и 8-битными цветовыми форматами без потерь. Конвертации с участием HSL или OKLCH могут вносить крошечные погрешности при плавающей запятой в последнем знаке, но результат визуально идентичен.
Поддерживается ли прозрачность?
Да. Каждый формат с поддержкой альфа-канала (HEX из восьми цифр, RGBA, HSLA, OKLCH с альфой) обрабатывается корректно. Конвертации сохраняют альфа-канал точно.
Можно ли выбрать цвет из изображения?
Не напрямую здесь. Для извлечения палитры из изображения используйте инструмент Color Palette Extractor. Этот конвертер сосредоточен на преобразовании известного значения цвета между форматами.
Отправляется ли что-либо на сервер?
Нет. Конвертация выполняется полностью в вашем браузере. Вкладка «Сеть» останется пустой при использовании.