Выбор и конвертер цвета

HEX и RGB описывают буквально одно и то же значение — сколько смешать красного, зелёного и синего света, — но в двух разных записях, рассчитанных на разные задачи: HEX упаковывает три канала в одну компактную шестизначную строку, которую удобно вставить как единое значение CSS или хранить в одной колонке базы данных, а RGB выписывает три числа по отдельности, что удобнее, когда программе нужно читать или изменять каждый канал независимо. HSL описывает тот же цвет ещё раз, но уже в совершенно другой системе координат, построенной вокруг того, как люди на самом деле думают о цвете, — оттенок (какой это цвет), насыщенность (насколько он яркий), светлота (насколько близко к белому или чёрному). Именно поэтому «сделай чуть светлее» или «сделай более приглушённым» в HSL — это изменение одного числа, тогда как в RGB для того же визуального эффекта пришлось бы пересчитывать все три канала одновременно.

RGB, HSL и HSV — это разные способы описания аддитивного света: цветов, которые создаются прямым излучением красного, зелёного и синего света, — так работает любой экран. CMYK описывает субтрактивный цвет: голубые, пурпурные, жёлтые и чёрные чернила поглощают определённые длины волн света, отражённого от бумаги, — это физически другой процесс с более узким диапазоном достижимых цветов, чем у экрана. Именно поэтому у яркого, насыщенного цвета RGB, особенно у некоторых сочных синих и зелёных оттенков, часто вообще нет точного эквивалента в CMYK — такой цвет просто выходит за пределы того, что физически способны воспроизвести чернила на бумаге, а показанное преобразование — лишь ближайшее приближение по стандартной арифметике, а не результат с профессиональным управлением цветом. Для действительно точной печати важного тиража нужен ICC-профиль, откалиброванный под конкретный принтер и бумагу, — это отдельный, более сложный процесс, который не может дать простое арифметическое преобразование общего назначения.

Коэффициент контрастности WCAG рассчитывается исключительно по относительной яркости каждого цвета — показателю воспринимаемой яркости, который выводится из каналов RGB по формуле, где зелёный вносит наибольший вес, поскольку человеческий глаз наиболее чувствителен именно к этой длине волны, — а не по тому, насколько разными или яркими два цвета выглядят рядом друг с другом. Из-за этого возникает специфический, контринтуитивный сценарий сбоя: два насыщенных, явно различающихся на вид цвета похожей общей яркости — например, ярко-оранжевый текст на ярко-красном фоне — могут почти не давать контраста по яркости между собой, хотя для обычного зрения выглядят вполне различимо, и такое сочетание становится по-настоящему трудным или невозможным для чтения людям со слабым зрением, нарушениями цветового восприятия или просто владельцам телефона на солнце. Коэффициент измеряет именно то измерение контраста, которое важно для таких читателей, даже когда это расходится с первым впечатлением обычного зрения от этой пары цветов.