Цвета, градиенты, тени и многое другое для дизайнеров. · Инструментов: 34
Создавайте гармоничные цветовые палитры.
Создавайте CSS-градиенты и копируйте код.
Создавайте CSS box-shadow визуально.
Конвертируйте между HEX, RGB, HSL и другими форматами.
Проверьте контрастность по WCAG.
Уменьшите вес SVG-файлов.
Создавайте скругления и органичные формы с border-radius и копируйте CSS.
Эффект матового стекла с backdrop-filter, готовый к копированию.
Мягкие тени в стиле неоморфизма для кнопок и карточек.
Фоны с узорами (точки, полосы, шестиугольники…) на CSS или SVG.
Случайные органичные формы SVG с градиентом для ваших дизайнов.
Волны для разделения секций сайта, в готовом SVG.
Создавайте кнопки с градиентом, обводкой или 3D-эффектом и копируйте CSS с hover.
Создавайте кривые анимации и тестируйте их вживую.
Готовые анимации на @keyframes: отскок, пульсация, тряска, затухание и другие.
Обрезайте элементы CSS-фигурами: треугольники, звёзды, шестиугольники и другие.
Создавайте CSS-сетки визуально и копируйте код.
Пробуйте все свойства flexbox и сразу смотрите результат.
Подберите гармоничные размеры заголовков и текста на основе пропорции.
Переводите пиксели, rem, em, pt и vw с учётом базового размера.
Посмотрите, как ваш дизайн видят люди с протанопией, дейтеранопией или тританопией.
Возьмите цвет из любой части экрана одним кликом.
Создавайте аватары с инициалами и градиентом в PNG или SVG.
Создайте профессиональную подпись для Gmail, Outlook и Apple Mail.
Создайте текстовый логотип с названием и слоганом в PNG или SVG.
Случайные палитры (пастельные, яркие, землистые…) с возможностью закрепить цвета.
Узнайте название цвета HEX или RGB и его эквиваленты.
Сгенерируйте шкалу 50–950 для цвета вашего бренда для Tailwind или CSS-переменных.
Генерируйте иконки всех размеров для iOS, Android и веба из одного изображения.
Создавайте визитки и скачивайте лист A4, готовый к печати.
Сертификаты о прохождении курсов, грамоты и дипломы в PDF.
Простые счета и сметы в PDF с позициями, НДС и итогом.
Составьте резюме по аккуратному шаблону и скачайте его в PDF.
Превращайте изображения в стикеры WhatsApp (512 × 512 WEBP) с белой обводкой.
