CSS contrast-color() сам подбирает белый или чёрный текст на фоне

Функция contrast-color() в CSS Color Level 5 принимает цвет фона и возвращает белый или чёрный — тот, что даёт больший контраст. С апреля 2026 года она работает в Chrome 147, Firefox 146 и Safari 26. На средних тонах контраст упирается в предел около 4,58:1.

• Функция принимает один цвет и возвращает white или black по максимальному контрасту
• Поддержка: Chrome 147, Firefox 146, Safari 26, статус Baseline с 10 апреля 2026
• Лучший из двух вариантов не опускается ниже √21 ≈ 4,58:1 по формуле WCAG
• Для старых браузеров нужен @supports: fallback через var() не сработает