Один цвет превращается в готовую палитру с кодом
Выберите один фирменный цвет и получите палитру из девяти цветов с объяснением их применения и готовым CSS кодом. Палитра включает основной цвет, оттенок для наведения курсора, мягкий тон для фонов и тегов, дополнительный цвет для акцентов, два оттенка текста, цвет карточек, фона страницы и рамок. Рядом с цветами текста отображается проверка контрастности на белом фоне по порогу 4.5. Ниже показана шкала из девяти оттенков от 100 до 900, клик по любому цвету копирует его код. В конце можно скопировать палитру как переменные CSS в код или в инструмент с AI. Все вычисления происходят прямо в браузере.
Если есть логотип, возьмите цвет оттуда. Если нет, выберите цвет, подходящий вашей сфере. Синий вызывает доверие, зеленый ассоциируется со здоровьем, оранжевый дает энергию. Можно также начать с одного из семи готовых цветов.
Это способ задать цвет один раз и использовать его по всему сайту. Код определяет переменные вроде --color-primary, с которыми умеют работать инструменты на базе AI.
Он сдвинут на 150 градусов по цветовому кругу от основного цвета, находясь почти на противоположной стороне. Рекомендуется использовать его менее чем на 10 процентах страницы.
Его коэффициент контрастности на белом фоне ниже 4.5, что является порогом стандарта доступности для обычного текста. Такой цвет лучше использовать только для крупного шрифта или сделать его темнее.
Да, рядом с выбором цвета есть поле для ввода кода в формате #RRGGBB.
Klix не загрузился
Сначала попробуйте обновить страницу. Если только что вышла новая версия, обновление решает это сразу.
Если обновление не помогло, возможно, ваш браузер слишком старый. Klix запускает инструменты на вашем устройстве, а не на сервере, поэтому ему нужен браузер 2022 года или новее. Что делать: обновите Chrome или Firefox и снова откройте klixtools.com.