Подбор доступной палитры — бесплатно онлайн
Вы подобрали красивые цвета для сайта, а потом кто-то говорит, что светло-серый текст почти не читается. И он прав, дело не только в красоте: тонкий текст с низким контрастом заставляет людей щуриться. Сложность в том, чтобы понять, какие пары цветов на самом деле читаются. Мы добавили бесплатный инструмент, который это проверяет, — Accessible Palette Builder — прямо в браузере.
Что он делает
Вы добавляете цвета в палитру, и он сразу показывает, какие пары текста и фона соответствуют стандарту WCAG AA (контраст 4,5:1) и более строгому AAA (7:1). Так одним взглядом видно, какие сочетания можно смело использовать, а какие будут плохо читаться.
Ничего не уходит с вашего устройства
Всё работает прямо в браузере. Ваши цвета никуда не загружаются, и ничего не сохраняется на сервере. Закрыли вкладку — и всё исчезло, так что можно спокойно пробовать разные идеи.
Как пользоваться
- Откройте Accessible Palette Builder в браузере.
- Добавьте в палитру цвета, которые хотите использовать.
- Посмотрите на результат и выберите пары текста и фона, которые проходят проверку.
Это бесплатно и без ограничений. Другие небольшие инструменты есть на странице приложений.