Снимите точный цвет с пикселя и соберите готовую CSS-палитру.
1
Откройте изображение
2
Сохраните нужные оттенки
3
Скопируйте значения или палитру
↑Выберите файлПеретащите файлы сюда… (или щелкните, чтобы выбрать файлы)или киньте архив с файламиЗагрузить файл
Определить цвет пикселя
Загрузите изображение и выберите любой пиксель, чтобы получить HEX, RGB, HSL и CMYK. Лупа показывает соседние пиксели и помогает точно попасть в границу или мелкую деталь.
Сохраняйте до восьми оттенков, возвращайтесь к ним для сравнения и копируйте готовый набор как CSS custom properties для макета, бренда или дизайн-системы.
✓Щелкните или коснитесь пикселя, чтобы узнать его точный цвет на изображении.
✓См. значения HEX и RGB для определения дизайна, CSS и соответствия бренда.
✓Используйте сохраненный предварительный просмотр цвета при сравнении оттенков одного и того же изображения.
✓Полезно для скриншотов, логотипов, макетов и визуальной проверки качества.
✓Сохраняйте выбранные цвета в небольшую палитру и сравнивайте их с текущим пикселем под указателем.
✓Используйте точные значения HEX, RGB, HSL и CMYK или скопируйте всю сохраненную палитру как CSS-переменные.
Поддерживаемые форматы
Сервис принимает эти форматы. Редкие контейнеры и современные веб-форматы при необходимости нормализуются или конвертируются на сервере перед обработкой.
