Pixel Toolkit
Точная проверка цвета на каждой странице.
Pixel Toolkit помогает дизайнерам и разработчикам фиксировать пиксельно-точную информацию. Берите образцы цветов, проверяйте коэффициенты контрастности и синхронизируйте токены обратно в вашу дизайн-систему.
Работает с последними релизами Chrome на macOS, Windows и Linux.
Pixel Toolkit
Магазин Chrome
Проверяйте цвета, генерируйте палитры и экспортируйте дизайн-токены мгновенно.
5K+ установок
Рейтинг 4.7 / 5
Работает офлайн
- Версия
- 0.9.8
- Последнее обновление
- 15 февраля 2024
- Размер пакета
- 2.2 МБ
- Языки
- Английский, 中文
- Совместимость
- Chrome
Key Capabilities
Создано для продуктовых команд
История палитр
Сохраняйте временную шкалу взятых образцов цветов в ваших дизайн-спринтах.
Инспектор сетки
Измеряйте интервалы, типографскую шкалу и выравнивание в любом веб-интерфейсе.
Офлайн режим
Захватывайте цвета даже при аудите тестовых сборок без доступа к интернету.
Точная пипетка
Берите образец любого пикселя с суб-пиксельным зумом и получайте значения цвета в HEX, RGB, HSL и LAB.
Проверки доступности
Мгновенно вычисляйте коэффициенты контрастности WCAG и получайте действенные корректировки.
Экспорт токенов
Копируйте токены палитры в JSON или CSS-переменные, готовые для вашей кодовой базы.
UI цветового интеллекта
Исследуйте Pixel Toolkit без установки.
Инспектор палитры
Просматривайте сгруппированные образцы, рекомендации по использованию и быстрые действия экспорта.
Панель токенов
Организуйте переменные по теме и отправляйте обновления в ваш репозиторий.
Точная проверка цвета на каждой странице.
Проверяйте цвета, генерируйте палитры и экспортируйте дизайн-токены мгновенно.