VibeCoderzVibeCoderz
UX/UI

Contrast ratio

Также: Контрастность

Contrast ratio — это показатель разницы в яркости между цветом текста и цветом фона, определяющий читаемость интерфейса.

Contrast ratio показывает, насколько сильно текст выделяется на фоне. Если цифры высокие, буквы четкие и их легко прочитать. Если низкие — текст сливается с фоном, и пользователю приходится напрягать зрение.

Представь, что ты пытаешься прочитать надпись мелом на белой доске — это плохой контраст. А вот черные буквы на белой бумаге — это отличный контраст. В дизайне интерфейсов мы стремимся к тому, чтобы любой человек, даже с плохим зрением, мог легко разобрать контент, не щурясь в экран.

Зачем это нужно

Для вайбкодера важно следить за контрастностью, чтобы созданный продукт был доступным для всех (Accessibility). Если твой ИИ-агент генерирует код для фронтенда, важно проверять, чтобы цвета кнопок и текста соответствовали стандартам, иначе сайт будет неудобным в использовании.

Связанные термины

Частые вопросы

Это числовое значение, которое измеряет разницу в яркости между двумя цветами. Оно помогает понять, достаточно ли хорошо виден текст на фоне.