Конвертер цветов
Перевод цветов между HEX, RGB и HSL с предпросмотром
Переводит цвет между форматами HEX, RGB и HSL: измените любой из трёх — два других обновятся сразу, а образец цвета покажет результат.
Как это работает
Все три формата синхронизируются через одно общее значение RGB: корректный код HEX, тройка RGB или тройка HSL сначала переводятся во внутреннее представление RGB, а из него заново выводятся два оставшихся формата. Поле, в котором вы сейчас печатаете, при этом не трогается, чтобы обратный пересчёт не затирал ваш ввод на полуслове.
Частые вопросы
Какие форматы HEX принимаются?
И сокращённый трёхзначный (например, #06c), и полный шестизначный (например, #0066cc) — со знаком # и без него, регистр значения не имеет.
Почему при вводе в поля RGB иногда появляется ошибка?
Каждое значение RGB должно быть целым числом от 0 до 255. Пока число введено не до конца или выходит за этот диапазон, показывается ошибка — она исчезнет, как только значение станет корректным.
Какие диапазоны принимают поля HSL?
Тон — от 0 до 360 градусов, насыщенность и светлота — от 0 до 100 процентов. Значения за пределами диапазонов отклоняются с ошибкой, а не подгоняются молча к границе.
Правка HEX сразу меняет поля RGB и HSL?
Да — как только введено корректное значение HEX, поля RGB и HSL и образец цвета обновляются мгновенно. В обратную сторону всё работает так же.
Отправляются ли данные о цвете куда-нибудь?
Нет — все пересчёты выполняются обычной арифметикой целиком в вашем браузере. Ничего не загружается.