Конвертер кольорів
Вставте HEX, RGB, HSL або назву кольору й одразу отримайте всі формати з перевіркою контрастності за WCAG.
- Працює на вашому пристрої
- Без реєстрації
- Працює офлайн після першого відвідування
Приймає #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() або назву CSS-кольору, наприклад rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Кожне співвідношення подано за WCAG 2.x. Великий текст — від 24px або від 18.66px жирним. Пороги перевіряються за точним співвідношенням, а напівпрозорий колір спершу змішується з кожним фоном.
Як як перевести код кольору
- Введіть HEX, rgb(), hsl() або назву кольору чи оберіть колір із зразка.
- Скопіюйте потрібний формат із п'яти результатів.
- Перегляньте коефіцієнт контрастності та позначки AA або AAA на білому, на чорному і на обраному фоні.
Питання
Чому значення CMYK лише приблизне?
CMYK залежить від фарби, паперу та кольорового профілю друкарні. Цей конвертер використовує просту арифметичну формулу, яка не враховує жодного з цих чинників, тому надрукований колір відрізнятиметься від екрана. Перед великим тиражем попросіть у друкарні пробний відбиток.
Як обчислюється коефіцієнт контрастності?
WCAG 2.x бере відносну яскравість кожного кольору з його значень червоного, зеленого і синього після гамма-корекції. Коефіцієнт дорівнює яскравості світлішого кольору плюс 0,05, поділеній на яскравість темнішого кольору плюс 0,05. Чорне на білому дає 21:1, це найвищий можливий результат.
Які пороги використовує перевірка?
WCAG 2.x вимагає принаймні 4,5:1 для звичайного тексту і 3:1 для великого тексту на рівні AA, а також 7:1 і 4,5:1 на рівні AAA. Великий текст — це від 24px або від 18,66px жирним.
Які формати кольорів приймає поле?
Коди HEX із трьома, шістьма або вісьмома цифрами, rgb() і rgba(), hsl() і hsla(), а також назви CSS-кольорів, наприклад rebeccapurple. Браузер читає значення, тож працює все, що він розпізнає як CSS-колір.
Відгуки
Відгуків поки немає. Будьте першим.