цвет
пипетка цвета
выбери цвет, получи hex/rgb/hsl + контраст.
s
l
- rgb
- 155, 107, 90
- hsl
- 16°, 27%, 48%
- на белом
- 4.52 · AA
- на чёрном
- 4.64 · AA
о проекте
выбери любой цвет и посмотри его значения hex, RGB и HSL, а ещё коэффициенты контраста WCAG к чёрному и белому.
как пользоваться
- кликни по образцу цвета, чтобы открыть системную пипетку, или впиши hex-код.
- считай значения RGB и HSL.
- проверь коэффициенты контраста WCAG к чёрному и белому.
примеры
- убедись, что фирменный цвет даёт контраст AA на твоём фоне.
- переведи HSL из Photoshop в hex-код, нужный для CSS.
- прикинь дополнительные цвета, подкручивая оттенок.
вопросы и ответы
что значат AA / AAA?
уровни контраста WCAG. AA требует 4.5:1 для основного текста и 3:1 для крупного. AAA требует 7:1 — высший стандарт.
зачем два показателя контраста?
чтобы ты с одного взгляда понял, какой текст брать на этом фоне — чёрный или белый.