Дизайн и цвет
Палитры, пипетки, градиенты и проверка контраста.
Пипетка и конвертер цвета
Выбирайте цвет и конвертируйте между HEX, RGB, HSL и OKLCH.
Новое Проверка контраста цвета
Проверяйте контраст по WCAG AA/AAA между цветом текста и фоном.
Новое Генератор CSS-градиентов
Создавайте линейные, радиальные и конические CSS-градиенты с предпросмотром.
Новое Генератор CSS box-shadow
Создавайте многослойные CSS box-shadow с пресетами и предпросмотром. Копируйте CSS, значение или стиль React мгновенно.
Новое Генератор палитр
Генерируйте комплементарные, аналоговые, триадные и монохромные палитры.
Новое Генератор Cubic Bezier
Создайте кривую плавности CSS, перетаскивая контрольные точки, с предпросмотром.
Новое Генератор border-radius
Визуально создавайте скруглённые углы CSS и органические формы-кляксы.
Новое Песочница CSS Flexbox
Настраивайте свойства flex с живым предпросмотром и копируйте CSS.
Новое Песочница CSS Grid
Настраивайте столбцы сетки, зазор и выравнивание с живым предпросмотром и CSS.
Новое Генератор glassmorphism
Создайте карточку из матового стекла и скопируйте CSS с живым предпросмотром.
Новое Генератор CSS text-shadow
Настройте тень текста CSS с живым предпросмотром и скопируйте код.
Новое Смешивание цветов
Смешивайте два цвета в любой пропорции и копируйте результат или любой шаг.
Новое Пипетка цвета с изображения
Выберите любой цвет с изображения и получите его доминирующую палитру в HEX, RGB и HSL.
Новое Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Новое Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.