Палитра, шкала оттенков и отчет о контрастности в одном файле
Выберите один базовый цвет и получите готовый брендбук. В него входит полная палитра с дополнительным цветом, шкала из девяти оттенков, система отступов и размеров текста. Все это генерируется в виде переменных CSS для вставки в проект. Набор включает отчет о контрастности, который проверяет каждый цвет на белом и черном фоне. Если цвет не проходит проверку, инструмент предлагает читаемую альтернативу, меняя только яркость и сохраняя оттенок. Обычно на этом этапе многие брендбуки подводят, так как красивый цвет на экране дизайнера превращается в нечитаемый серый текст для пользователя.
Файл CSS с переменными цвета, файл со шкалой оттенков, отступами и размерами текста, изображение палитры для отправки коллегам и текстовый отчет о контрастности.
Красивый фирменный цвет не всегда хорошо читается. Отчет точно показывает, где текст не соответствует стандарту AA. Он предлагает замену, которая меняет только яркость, но не сам оттенок.
Они созданы в цветовом пространстве sRGB, которое используется на экранах. Для печати лучше проконсультироваться с типографией. Некоторые насыщенные оттенки невозможно точно воспроизвести чернилами.
Инструмент сдвигает базовый цвет на 150 градусов по цветовому кругу. Он находится близко к противоположному цвету, но не прямо напротив него. Этот цвет предназначен для точечных акцентов, занимающих до 10% страницы.
Klix не загрузился
Сначала попробуйте обновить страницу. Если только что вышла новая версия, обновление решает это сразу.
Если обновление не помогло, возможно, ваш браузер слишком старый. Klix запускает инструменты на вашем устройстве, а не на сервере, поэтому ему нужен браузер 2022 года или новее. Что делать: обновите Chrome или Firefox и снова откройте klixtools.com.