Инструменты для цветов
Генерируйте и экспортируйте палитры для проектов.
Пипетка цвета из изображения
Выбирайте цвета прямо из любого изображения и мгновенно получайте точные значения HEX, RGB и HSL с живым предпросмотром и кодом, готовым к копированию.
Извлечь цвета из изображения
Автоматически извлекайте основные цвета фотографии и получайте чистую палитру с кодами HEX и RGB, готовую к копированию или экспорту прямо в ваши проекты.
Генератор палитры из изображения
Создайте полную и гармоничную палитру из любого изображения с редактируемыми кодами HEX и RGB, готовыми к экспорту для веба, интерфейсов и графики за секунды.
Доминирующие цвета
Проанализируйте изображение и определите доминирующие цвета с долей присутствия и точными кодами HEX и RGB, готовыми к повторному использованию в дизайне.
Похожие цвета
Начните с цвета HEX или RGB и откройте десятки похожих оттенков и близких вариаций с мгновенным предпросмотром и кодами для гармоничных цветовых палитр.
Конвертация цвета
Мгновенно конвертируйте цвет между форматами HEX, RGB, HSL, HSV, CMYK, OKLCH и LAB с точными значениями и живым предпросмотром, готовым к копированию в браузере.
Контраст цвета WCAG
Проверьте коэффициент контраста между двумя цветами и соответствие WCAG уровней AA и AAA для текста и интерфейса с мгновенной оценкой и советами по доступности.
Экспорт палитры
Экспортируйте палитру в форматы CSS, SCSS, JSON и ASE одним кликом и сразу вставляйте цветовые коды в веб-проекты, Figma и инструменты графического дизайна.
Предпросмотр цвета
Посмотрите, как ваши оттенки HEX и RGB выглядят в реальном интерфейсе, проверяя текст, фоны и компоненты, прежде чем применять их в вашем готовом проекте.
Скачать цвета
Скачайте палитру как изображение PNG с хорошо читаемыми кодами HEX, удобное для того, чтобы делиться цветовыми схемами, презентациями и мудбордами с командой.
Поделиться цветами
Делитесь палитрой по уникальной ссылке, которая сохраняет все коды HEX и RGB, чтобы коллеги и клиенты мгновенно открывали ту же самую цветовую схему без потерь.
Цветовые гармонии
Исследуйте комплементарные, триадные, аналоговые и тетрадные гармонии от базового цвета с предпросмотром круга и готовыми кодами HEX для каждой цветовой схемы.
Генератор градиента CSS
Создавайте линейные, радиальные и конические CSS-градиенты, настраивая точки и углы, с живым предпросмотром и готовым CSS-кодом для вставки в таблицу стилей.
Mesh-градиент
Составляйте красивые многоцветные mesh-градиенты с настраиваемыми точками и мягкими переходами, с живым предпросмотром и готовым CSS-кодом для современных фонов.
Анимированный градиент CSS
Создавайте фоны с анимированными градиентами на чистом CSS, управляя цветами, скоростью и направлением, с живым предпросмотром и готовым к вставке кодом.
Симулятор дальтонизма
Смоделируйте, как ваша палитра выглядит при протанопии, дейтеранопии и тританопии, и исправьте проблемные оттенки для по-настоящему доступного дизайна для всех.
Читаемость текста
Проверьте читаемость текста с разными сочетаниями цвета текста и фона, измеряя контраст по WCAG, чтобы гарантировать чёткое восприятие на любом экране.
Анализатор WCAG
Проанализируйте всю палитру на соответствие WCAG уровней AA и AAA, выявляя пары цветов с недостаточным контрастом и предлагая доступные исправления оттенков.
Глассморфизм CSS
Создавайте эффекты глассморфизма с матовым стеклом и настраиваемым размытием, с живым предпросмотром и готовым CSS-кодом для карточек, меню и интерфейсов.
Неоморфизм CSS
Создавайте мягкие неоморфные эффекты в стиле soft UI со светлыми и тёмными тенями, с живым предпросмотром и готовым CSS-кодом для кнопок и карточек интерфейса.
Цветные тени CSS
Создавайте элегантные цветные тени CSS с настраиваемым цветом, размытием и смещением, с живым предпросмотром и готовым кодом box-shadow для глубины интерфейса.
Эффект дуотон
Примените эффект дуотон из двух цветов к изображениям, выбирая тона для теней и светов, с живым предпросмотром и готовой загрузкой для соцсетей и графики.
Цветовой фильтр изображения
Применяйте цветовые фильтры, тона и коррекцию оттенка к изображениям с живым предпросмотром, создавая единую атмосферу перед загрузкой готового результата.
Мудборд цветов
Создавайте визуальные мудборды, сочетая вашу палитру с оттенками и комбинациями, чтобы собирать вдохновение и представлять цельные цветовые схемы своей команде.
Микшер цветов
Смешивайте и комбинируйте два или несколько цветов, регулируя пропорции, и получайте итоговый оттенок с кодом HEX и RGB и живым предпросмотром для копирования.
Оттенки и тени
Создайте полную шкалу более светлых оттенков и более тёмных теней от одного цвета с готовыми кодами HEX для градиентных палитр и дизайн-систем интерфейсов.
Случайная палитра
Генерируйте гармоничные случайные палитры одним кликом ради творческого вдохновения, фиксируя любимые оттенки и получая готовые к экспорту коды HEX без усилий.
Палитра по ключевому слову
Опишите тему или эмоцию ключевым словом и создайте палитру, отражающую эту атмосферу, с готовыми кодами HEX для использования в ваших собственных проектах.
Палитра Tailwind
Генерируйте полные цветовые шкалы от 50 до 950, готовые для конфигурации Tailwind CSS, на основе базового тона, с кодами, готовыми к вставке в ваш файл конфига.
CSS-переменные
Экспортируйте палитру как CSS-переменные с пользовательскими свойствами, готовыми к вставке, чтобы централизованно управлять цветами в темах и компонентах.
Тема shadcn/ui
Создайте полную тему для shadcn/ui с цветовыми переменными для светлого и тёмного режимов, готовыми к вставке в ваш CSS для цельных и доступных компонентов.
SCSS-переменные
Экспортируйте палитру как переиспользуемые переменные SCSS и Sass, готовые к импорту в таблицы стилей, чтобы упорядоченно и масштабируемо управлять цветами.
Температура цвета
Анализируйте температуру цветов, различая тёплые и холодные тона с измеримыми значениями, чтобы сбалансировать палитру и создать нужную визуальную атмосферу.
Настроение цвета
Исследуйте эмоции и психологию, связанные с каждым цветом, чтобы выбирать оттенки, передающие нужное сообщение в брендинге, интерфейсах и творческих проектах.
Цвета бренда
Найдите бренд в каталоге, просмотрите сохранённые цвета и быстро скопируйте доступные HEX-коды.
Тренды цвета
Откройте трендовые цвета и палитры сезона, чтобы вдохновить свои проекты, с подобранными схемами и готовыми кодами HEX для веба, интерфейсов и графики.
Карта градиента
Применяйте карту градиента к изображениям, перекрашивая тона в выбранный вами цветовой переход, с живым предпросмотром и загрузкой готового результата сразу.
Наложение цвета
Добавьте цветовое наложение к изображениям с настраиваемым тоном и прозрачностью, с живым предпросмотром, чтобы объединить визуальную атмосферу всего проекта.
Монохромная палитра
Создавайте монохромные цветовые схемы из одного тона с вариациями яркости и насыщенности, с готовыми кодами HEX для чистого и элегантного дизайна интерфейсов.
Комплементарная схема
Создавайте комплементарные схемы из пар противоположных цветов на цветовом круге для ярких и сбалансированных контрастов, с готовыми кодами HEX для проектов.
Предпросмотр UI
Проверьте вашу палитру на макетах реальных компонентов интерфейса, таких как кнопки, карточки и меню, оценивая сочетания и контраст перед применением в проекте.
Предпросмотр соцсетей
Посмотрите вашу палитру на реалистичных макетах постов для соцсетей, проверяя сочетания и читаемость, прежде чем публиковать собственный визуальный контент.