Что проверяет исправление палитры
Проверяются пять вещей: читается ли какая-нибудь пара цветов как текст, не выглядят ли некоторые цвета одинаково, не сливаются ли два цвета для людей с дальтонизмом, не слишком ли много ярких цветов или, наоборот, нет ни одного, и есть ли нейтральный цвет для фона и текста. Каждая проблема отмечена над цветом, который её вызывает.
Как исправляются цвета
Инструмент меняет светлоту или насыщенность цветов, вызывающих проблему, но сохраняет их тон, поэтому палитра остаётся в том же стиле. Закреплённые цвета он никогда не трогает и бережёт нейтральные цвета, а также самый светлый и самый тёмный цвет. Затем палитра проверяется снова, чтобы одно исправление не создало новую проблему.
Оценка от 0 до 100
Каждая палитра начинает со 100, и каждая проблема отнимает баллы: от −10 за отсутствие нейтрального цвета до −40 за нечитаемый текст. Вы увидите оценку до исправления и после, а в разделе «Как мы считаем оценку» найдёте полную таблицу.
Частые вопросы
Можно ли исправить палитру цветов онлайн бесплатно?
Да. Инструмент бесплатный и работает онлайн в вашем браузере: ничего не нужно скачивать, регистрация не требуется, водяной знак не добавляется. Исправляйте сколько угодно палитр и скачивайте картинку «до и после».
Как работает исправление палитры?
Оно проверяет контраст текста, цвета, которые выглядят одинаково, цвета, сливающиеся при дальтонизме, слишком яркие цвета или блёклую палитру и отсутствие нейтрального цвета. Затем меняет светлоту или насыщенность проблемных цветов, не меняя их тон.
Почему палитра цветов выглядит плохо?
Почти всегда по одним и тем же причинам: ни одна пара не читается как текст, два цвета так похожи, что выглядят как один, несколько ярких цветов соперничают друг с другом, всё сероватое и без акцента или не хватает спокойного белого, серого или тёмного цвета для фона и текста.
Как сделать палитру доступной?
Убедитесь, что хотя бы одна пара достигает контраста 4,5:1 — это минимум WCAG AA для обычного текста, — и разделите цвета по светлоте, чтобы люди с дальтонизмом могли их различить. В разделе «Что исправляем» выберите «Сильная», и целью будет 7:1 (WCAG AAA).
Изменятся ли цвета моего бренда?
Нет, если вы их закрепите. Нажмите на замок у цвета, и инструмент обойдёт его и изменит только остальные.
Как считается оценка?
Каждая палитра начинает со 100, и каждая проблема отнимает баллы: от −10 за отсутствие нейтрального цвета до −40 за нечитаемый текст. В разделе «Как мы считаем оценку» вы увидите таблицу и вычеты для вашей палитры.
Можно ли исправить палитру с изображения или из Coolors?
Да. Загрузите или вставьте скриншот любой палитры, и мы возьмём её пять основных цветов, или вставьте HEX-коды из Coolors, Adobe Color или своего CSS.