Один набор инструментов для
любой задачи проектирования
От теории цвета к соблюдению контрастности — 10 инструментов, созданных для дизайнеров и разработчиков
Скругление углов
Визуальный редактор радиусов границ с предварительным просмотром в реальном времени. Скопируйте код CSS с индивидуальным управлением углами.
CSS · Визуальный редакторГенератор теней
Интерактивный конструктор теней для блоков с многослойным предварительным просмотром холста в реальном времени и выводом CSS.
CSS · МногоуровневыйСимулятор дальтонизма
Симулирует, как цвета выглядят для пользователей с дальтонизмом.
Доступность · СимуляцияКонвертер цветов
Преобразование между HEX, RGB, HSL, CMYK и OKLCH с мгновенным двунаправленным преобразованием.
Конвертер · Все форматыЦветовой круг
Интерактивное цветовое колесо для изучения оттенков, насыщенности и цветовых отношений. Нажмите, чтобы выбрать и заблокировать цвета.
Интерактивный · ВизуальныйПроверка контрастности
Проверьте соответствие цветов текста и фона WCAG AA/AAA. Получите мгновенные рейтинги доступности.
Доступность · AA/AAAГенератор CSS Grid
Визуально создавайте макеты CSS Grid с предварительным просмотром в реальном времени.
CSS · Визуальный редакторПодбор шрифтов
Откройте для себя гармоничные сочетания шрифтов для заголовков и основного текста из тщательно подобранных коллекций.
Типографика · Более 300 шрифтовГенератор градиентов
Создавайте красивые линейные и радиальные градиенты с помощью предварительного просмотра Canvas в реальном времени. Скопируйте CSS-код мгновенно.
Градиент · Экспорт CSSПресеты градиентов
Просматривайте и копируйте 15 красивых пресетов градиентов.
Пресеты · Один кликПалитра из изображения
Извлекайте красивые цветовые палитры из любого изображения с помощью интеллектуального квантования цвета.
Добыча · УмныйГенератор палитр
Создавайте гармоничные цветовые схемы с помощью монохроматических, дополнительных, аналоговых и триадных режимов. Предварительный просмотр в реальном времени с экспортом CSS.
Цвет · ИнтерактивныйЦветовая система UI
Создавайте полные палитры токенов дизайна из одного исходного цвета. Экспортируйте в Tailwind, CSS или SCSS.
Жетоны дизайна · Попутный ветер14 языков
Каждый инструмент, каждая этикетка, каждое руководство — полностью переведены.
Доступность прежде всего
Каждая палитра включает оценки контрастности WCAG. Проектируйте инклюзивно с самого начала.
Удобный для разработчиков экспорт
CSS, Tailwind, SCSS, JSON — скопируйте формат, который нужен вашему проекту.