Контраст

Разница между светлым и тёмным. Чем она больше, тем легче читать: чёрное на белом — максимальный контраст, светло-серое на белом — почти никакого. Считается отношением яркостей: 21:1 — предел, 1:1 — цвета совпали. Для обычного текста нужно не меньше 4,5:1, для крупного — 3:1.

Как это выглядит: #cbd5e1 на белом → около 1,5:1 — не читается #64748b на белом → около 5,5:1 — подпись #334155 на белом → около 11:1 — основной текст #0f172a на белом → около 17:1 — заголовок

Не путать: Контраст — не «поярче». Яркость и контраст — разные вещи: кислотно-зелёный может быть ярким, но плохо читаться на белом. И это не только про текст: границы полей, иконки и кнопки тоже должны отделяться от фона — им хватает 3:1. Не путать с насыщенностью: цвет может быть насыщенным и при этом почти не отличаться по светлоте.

Откуда слово: От латинского contra — «против» и stare — «стоять»: contrastare буквально — «стоять против». Тот же корень у «контрабанды» (contra bannum — «против запрета»). В фотографии слово закрепилось в XIX веке: так называли разницу между самыми светлыми и самыми тёмными участками снимка. В интерфейсе смысл тот же — насколько сильно одно отличается от другого.

Где это проходят: урок 8.5 «Контраст: чтобы видели все» · Интерфейсы и сайты с нуля

Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.