Reasonable Colors

Знакомьтесь, Reasonable Colors — это бесплатная open-source система цветов, которая избавляет от бесконечного подбора оттенков. Внутри вы найдете 24 равномерно распределенных набора цветов, в каждом из которых по шесть пронумерованных оттенков. Для дизайнеров и разработчиков это готовая палитра CSS-переменных, доступная в форматах hex, HSL, RGB и современном LCH. Подключить систему к сайту или приложению можно за пару минут: либо через простую CSS-ссылку, либо через npm install.

Главная фишка Reasonable Colors — продуманная доступность (accessibility). Система построена на математике, поэтому контраст между любыми двумя оттенками можно предсказать, просто вычтя одно число из другого. Разница в 2 пункта гарантирует коэффициент контрастности минимум 3:1, разница в 3 — 4.5:1, а разница в 4 — уже 7:1. Это правило работает для всех цветов, включая серый, что позволяет легко создавать интерфейсы, соответствующие стандартам WCAG 2 AA и AAA.

Инструмент будет очень полезен веб-разработчикам, UI/UX дизайнерам и продуктовым командам, которым нужно быстро собрать доступный интерфейс, не гадая на кофейной гуще. Он идеально подходит для создания дизайн-систем, прототипирования новых приложений или приведения старого проекта в соответствие с нормами доступности. По сути, Reasonable Colors убирает всю рутину с ручной проверкой контрастности каждого нового элемента UI.