Подбор цвета и палитры

Форматы цвета

Контраст для читаемого текста

Рекомендации по веб-доступности (WCAG) требуют контраста не ниже 4,5:1 для обычного текста (уровень AA) и 7:1 для уровня AAA. Крупному тексту достаточно 3:1. Инструмент рассчитывает контраст вашего цвета на белом и на чёрном фоне: сразу видно, подходит ли он для текста.

Как составить палитру

• Оттенки: один тон от самого светлого до самого тёмного, для фонов, рамок и состояний при наведении.
• Комплементарная: противоположный цвет на цветовом круге, для сильного контраста.
• Аналоговая: соседние тона, для мягкого и гармоничного сочетания.
• Триада и тетрада: три или четыре тона, равномерно распределённые по кругу, для более богатых палитр.

На компьютере пипетка берёт цвет любой точки экрана, если ваш браузер это поддерживает.

Частые вопросы

Как перевести код HEX в RGB?

Вставьте код HEX в поле: инструмент сразу покажет значения RGB, HSL и CMYK, у каждого есть кнопка копирования.

Какой контраст нужен для читаемого текста?

Не менее 4,5:1 между текстом и фоном для обычного текста и 3:1 для крупного заголовка. Инструмент показывает, достигает ли ваш цвет этих порогов.

Точны ли значения CMYK для печати?

Они ориентировочные: точное преобразование зависит от цветового профиля типографии. Запросите у неё профиль, чтобы получить точный результат.