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

Что помогает сделать этот инструмент

Преобразуйте редактируемые значения HEX, RGB, RGBA, HSL, HSLA и HSV с предпросмотром того же цвета и копированием формата, необходимого вашему коду или дизайн-системе.

Пример

Как получается результат

RGB хранит интенсивность красного, зелёного и синего каналов. HSL описывает тон, насыщенность и светлоту; HSV использует значение вместо светлоты. Преобразование сохраняет представленный цвет с учётом округления и ограничений цветового охвата.

Полезные сценарии

• Перенос цветов из дизайн-файлов в CSS
• Создание редактируемых HSL-вариантов из фирменного HEX-значения
• Проверка альфа-канала перед использованием оверлеев

Важные ограничения

• HEX без альфа-канала означает полностью непрозрачный цвет.
• Многократные преобразования могут изменить последнюю цифру из-за округления каналов.
• Эквивалентные числовые значения могут выглядеть по-разному на некалиброванных мониторах.

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

Отличаются ли HEX и RGB цвета?

Это две записи одной и той же модели RGB-каналов; #3B82F6 и rgb(59,130,246) представляют один и тот же цвет.

Улучшает ли преобразование цвета контраст?

Нет. Преобразование меняет запись, а не контраст. Проверяйте фактическую пару «фон — текст».