Інструменти Дизайн — Безкоштовно онлайн

13 інструментів

Інструменти для дизайну та CSS: палітри кольорів, конструктори градієнтів, генератори тіней та CSS-утиліти.

Перевірка контрасту WCAG та APCA

Перевіряє доступність кольорів за коефіцієнтами WCAG 2.1 та сучасними оцінками APCA з візуальною симуляцією в реальному часі.

Візуальне проектування високопродуктивних keyframe-анімацій з попереднім переглядом наживо та контролем easing.

Візуально створюйте розширені 8-точкові CSS border-radius. Кола, органічні форми та складні фігури.

Візуально проектуйте розширені багатошарові CSS-тіні з попереднім переглядом у реальному часі та підтримкою inset.

Застосовуйте CSS-фільтри — розмиття, контраст та яскравість — до зображень з попереднім переглядом наживо та експортом коду.

Візуально проектуйте гнучкі макети з інтерактивним sandbox для властивостей контейнера та елементів.

Візуально проектуйте складні 2D-макети. Перетягуйте для створення областей сітки, налаштовуйте доріжки та експортуйте чистий CSS.

Двосторонній конвертер px/rem зі зіставленням Tailwind CSS, генератором флюїдної типографіки clamp() та пакетною конверсією CSS.

Конвертує SVG-іконки в оптимізовані CSS data URI з форматами background-image, mask-image та Tailwind.

Генерує favicon з тексту, емодзі або зображень у форматах ICO, PNG, SVG та пакет PWA з підтримкою темного режиму.

Створюйте стильні CSS-градієнти з візуальним редактором — лінійні, радіальні та конічні типи з інтерполяцією OKLCH та текстурою grain.

Генерує гармонійні кольорові палітри в OKLCH з шістьма режимами гармонії, матрицею контрасту WCAG та експортом CSS/Tailwind/JSON.

Обирайте кольори на інтерактивному полотні HSV, конвертуйте між HEX, RGB, HSL та OKLCH та перевіряйте контраст WCAG проти білого та чорного.