Конвертер цветов
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Проверка контраста цветов
Проверьте контраст по WCAG 2.2 с образцом текста и отдельными оценками AA и AAA для обычного и крупного шрифта.
Читаемый текст помогает понять сообщение.
Обычный текст · Aa 123
Контрастность
Расчёт по WCAG 2.2. Прозрачный фон накладывается на белый.
Об инструменте
Проверьте контраст по WCAG 2.2 с образцом текста и отдельными оценками AA и AAA для обычного и крупного шрифта.
Как пользоваться
Выберите цвета текста и фона. Для обычного текста нужны отношения 4,5 для AA и 7 для AAA, для крупного — 3 и 4,5. Крупным считается текст от 24 px или примерно 18,67 px при полужирном начертании. Прозрачный фон накладывается на белый. Это проверка контраста, а не полный аудит доступности.
Связанные инструменты
Генератор градиентов CSS
Создавайте линейные и радиальные градиенты с двумя–восемью цветовыми точками и копируйте CSS.
Генератор теней CSS
Настройте смещение, размытие, расширение, цвет и непрозрачность внешней или внутренней тени CSS.
Калькулятор соотношения сторон
Сократите пропорции изображения или видео и вычислите подходящую ширину либо высоту для нового размера.
Комментарии
0