Конвертер і палітра кольору

HEX, RGB і HSL описують один і той самий колір, просто різними координатами. HEX зручний у макеті й коді, RGB — коли колір рахують програмно чи додають прозорість, HSL — коли з кольору треба зробити сімʼю: залишити тон і рухати насиченість та світлоту. Переведення між ними точне, тут нічого не втрачається.

Практична користь HSL видно на кнопках. Стан наведення й натискання не підбирають на око — беруть базовий колір і зсувають світлоту на кілька відсотків. Так стани залишаються родичами, а не трьома випадковими кольорами, які просто опинились поруч.

Одразу попередження про світлоту в HSL. Це геометрична величина, а не сприйнята яскравість: жовтий і синій з однаковим значенням L людське око бачить абсолютно по-різному. Тому шкалу відтінків, зроблену рівними кроками, все одно перевіряють на контраст, а не приймають на віру.

Чого інструмент не робить. Він не керує кольоровими профілями й не обіцяє, що відтінок у друці збігатиметься з екраном, — для друку існує CMYK і кольоропроба, а не конвертер на сайті. Ще одне: він не рахує контраст, для цього є окрема перевірка контрастності за WCAG.