Color Studio

Создавайте гармоничные палитры с помощью интерактивного цветового колеса — применяйте правила гармонии: аналоговые, комплементарные, триадные — и мгновенно копируйте любое значение.

Плавно перейдите от начального цвета к конечному через до 10 шагов — просматривайте градиент, берите каждый оттенок и мгновенно копируйте любой формат.

Создайте полный диапазон светлых и тёмных оттенков на основе одного цвета — задайте шаг и количество оттенков, затем мгновенно копируйте любое значение.

Получите готовую к копированию цветовую палитру из любого изображения.

Конвертируйте цвета между HEX, RGB, RGBA, HSL, HSLA и HSV — выберите цвет, настройте прозрачность и мгновенно скопируйте любой формат.

Найдите ближайший именованный CSS-цвет и ближайший оттенок Tailwind для любого цвета — перцептивное совпадение с готовыми к копированию значениями.

Возьмите образец любого пикселя на экране с помощью пипетки или выберите цвета из загруженного изображения и соберите их в готовую к копированию палитру.

Создайте красивый градиент из любой фотографии — загрузите изображение, выберите настроение, и доминирующие цвета станут перетаскиваемыми точками градиента. Мгновенно скопируйте готовый CSS.

Создавайте линейные, радиальные и конические CSS-градиенты с нуля с помощью перетаскиваемых точек и готовых пресетов. Мгновенно скопируйте готовый CSS.

Вставьте или импортируйте набор цветов и мгновенно экспортируйте их в CSS-переменные, SCSS, Tailwind config, JSON или SVG-образцы — финальный шаг для любой палитры.

Проверьте соотношение контрастности WCAG между цветом текста и фона — просматривайте оценки AA/AAA для обычного текста, крупного текста и элементов UI в реальном времени с предложениями доступных цветов.

Посмотрите на своё изображение или палитру глазами людей с протанопией, дейтеранопией, тританопией или ахроматопсией — всё работает прямо в вашем браузере, ничего не загружается.