Конвертер
цветов
Введите цвет в любом виде — HEX, короткая форма, с прозрачностью — и получите сразу восемь форматов. Плюс лента оттенков, ползунки каналов и проверка контраста по стандарту доступности.
- HEX#4F8EF7
- RGBrgb(79, 142, 247)
- RGBArgba(79, 142, 247, 1)
- HSLhsl(218, 91%, 64%)
- HSBhsv(218, 68%, 97%)
- CMYKcmyk(68%, 43%, 0%, 3%)
- LABlab(59.64 13.2 -58.51)
- DEC5213943
Тон и насыщенность сохранены, меняется только светлота. Нажмите на образец, чтобы сделать его основным.
| На белом фоне | 3.21 : 1 | только крупный |
| На чёрном фоне | 6.54 : 1 | ✓ AA |
Для обычного текста стандарт требует контраст не ниже 4,5 : 1, для крупного — от 3 : 1.
Что на самом деле хранится в цвете
HEX, RGB, HSL и HSB — это четыре записи одного и того же числа. Экран умеет светить только тремя каналами, и любой цвет на нём это три значения от 0 до 255. Запись #4F8EF7 расшифровывается как 4F, 8E и F7 в шестнадцатеричной системе, то есть 79, 142 и 247 — те же три числа.
HSL и HSB пересобирают эту тройку в другие координаты: тон, насыщенность и светлоту. Цвет остаётся прежним, но им становится удобнее управлять — чтобы затемнить кнопку при наведении, достаточно уменьшить одно число вместо трёх. LAB устроен иначе: он описывает цвет так, как его видит глаз, и потому используется для сравнения оттенков между собой.
- HEX — та же тройка каналов в 16-ричном виде
- RGB — три числа от 0 до 255
- HSL — тон, насыщенность, светлота
- HSB — то же, но третья координата яркость
- LAB — цвет с точки зрения восприятия глазом