lastie EN Связаться ↗
ЦВЕТА ДЛЯ ДИЗАЙНАCSS / JSON

Tonal

Палитра из фотографии с проверкой контраста.

Открыть проект ↗Исходный код ↗

Скриншот проекта Tonal

Для кого

Дизайнеры, которые берут цвета из снимка и проверяют, пригодны ли они для интерфейса.

Что делает

Находит главные оттенки кадра, оценивает контраст по WCAG и показывает, как цвета работают в ролях интерфейса: текст, второй текст, акцент и текст на акценте на светлом и тёмном фоне.

Что получаете

CSS-переменные (включая роли интерфейса) и JSON с палитрой.

Ограничения

Автоматический подбор ролей даёт отправную точку: итоговую тему стоит проверить на реальных экранах.

Другие проекты

Все проекты →