Curated for designers
A hand-picked subset of the catalog.
Built for designers — pixel-perfect, private, instant.
Convert colors, check WCAG contrast, build gradients, shadows and easing curves, sample palettes from images, and clean up assets — all client-side.
Why this set
Designers move between Figma, the browser DevTools panel, and the codebase all day. This set replaces the dozen tabs you'd otherwise keep open: a color converter that speaks HEX/RGB/HSL/OKLCH, accessible contrast checking, CSS generators that output copy-paste ready code, and image utilities that compress without re-uploading sensitive comps to a third-party host.
Color
Конвертер цвета (HEX/RGB/HSL/OKLCH)
HEX, RGB, HSL и современный OKLCH — мгновенно.
Проверка контрастности (WCAG)
Проверьте контрастность WCAG AA / AAA — соответствует или нет.
Поиск цвета Tailwind
Ближайший класс Tailwind для любого HEX цвета.
Выбор цвета изображения и палитра
Перетащите изображение, извлеките его палитру.
CSS generators
Layout & assets
Конвертер единиц CSS
Конвертируйте px, rem, em, pt и другие.
Калькулятор соотношения сторон
Рассчитайте соотношения и измените размеры.
Изменение размера изображения
Изменяйте размеры изображений до точных размеров в пикселях.
Сжатие изображений
Уменьшите размер файла изображения одним кликом.
Конвертер формата изображений
Конвертируйте PNG, JPG и WebP — прямо в браузере.
Генератор фавиконов
Создание полных наборов фавиконов и иконок PWA.
Конвертер SVG в PNG
Преобразование разметки SVG в PNG высокого разрешения.
Векторизатор PNG в SVG
Векторизуйте PNG, JPG или WebP в масштабируемый SVG.