🛠 Все
│
Конвертер цветов
HEX, RGB, HSL — конвертация на лету. Генератор CSS-градиентов с пресетами.
Цветовая палитра
Комплементарный
Аналоговые
Триадные
CSS
background: linear-gradient(to right, #667eea, #764ba2);
Готовые градиенты
Что делает Color Picker
Конвертер между всеми популярными моделями цвета (HEX, RGB, HSL, CMYK, HSV). Генератор палитр для веба и печати. Проверка контрастности по WCAG. Извлечение цветов из картинок.
Когда нужен арбитражнику
Дизайн лендинга под бренд партнёрки. Подбор CTA-кнопки с правильным контрастом. A/B-тестирование цветов. Подгонка дизайна под brand guidelines.
Тренды 2026
Dark mode стандарт — нужны цвета, читаемые на тёмном фоне. WCAG 2.2 строже к контрастности — Google это учитывает в Page Experience.
Частые вопросы
Что делает инструмент? ▾
Конвертирует цвета между HEX (#FF5733), RGB (rgb(255,87,51)), HSL, CMYK, HSV. Генерирует палитры — комплементарные, аналогичные, триадные. Проверяет контрастность WCAG.
Чем отличаются HEX, RGB, HSL? ▾
HEX — короткая запись RGB в hex (для CSS). RGB — через каналы 0-255. HSL — Hue (тон 0-360°), Saturation, Lightness. HSL удобнее: меняешь яркость без смены тона.
Как подобрать сочетающиеся цвета? ▾
По цветовому кругу: комплементарные (напротив, максимальный контраст), аналогичные (рядом, спокойные), триадные (треугольник, энергичные). Инструмент строит палитру автоматически.
Что такое контрастность WCAG? ▾
Соотношение яркости текста и фона. AAA — 7:1 (идеально), AA — 4.5:1 (минимум). Если CTA-кнопка имеет контраст ниже AA — слабовидящие не увидят, плюс Google это учитывает.
Зачем арбитражнику? ▾
Лендинг под бренд партнёрки — нужны согласованные цвета. Подбор контрастной CTA-кнопки. Тестирование цветовых сочетаний для A/B — иногда смена цвета даёт +20% конверсии.
Какие цвета лучше конвертят? ▾
Универсального ответа нет. Красный/оранжевый — для emotional/impulse. Зелёный — для финансов/здоровья. Синий — для tech/SaaS. Главное — контраст CTA с фоном.
Можно ли извлечь цвета из картинки? ▾
Да, инструмент принимает картинку и извлекает доминирующие цвета (5-10 самых частых). Удобно при копировании палитры с конкурента или подгонке под логотип.