Цвета прямо с вашего фото. Извлеките ключевые цвета и мгновенно скопируйте их в виде HEX-кодов.

Нажмите, чтобы выбрать файл

Выбрать файл

JPG, PNG, WebP, HEIC и другие

Извлекает ключевые цвета из одной фотографии и аккуратно собирает их в палитру. Идеально, чтобы собрать мудборд, выбрать цветовую схему для дизайна или сайта или позаимствовать точные оттенки с любимого фото. Вы получаете полосу пропорций, а также %, HEX и RGB каждого цвета с одного взгляда, и клик по цвету мгновенно копирует его HEX-код.

Как пользоваться

  1. 1Перетащите изображение JPG, PNG или WebP либо нажмите, чтобы загрузить его.
  2. 2Задайте число цветов от 3 до 10. При изменении числа палитра тут же извлекается заново.
  3. 3Сверьте %, HEX и RGB каждого цвета на полосе пропорций и карточках цветов.
  4. 4Нажмите на любой цвет, чтобы скопировать его HEX. Нажмите «Копировать CSS», чтобы получить их все сразу как переменные :root!

Полезно знать

  • Меньше цветов сохраняют крупные, доминирующие тона; больше цветов улавливают и тонкие промежуточные оттенки. Подстройте под свою задачу.
  • «Копировать CSS» собирает все цвета в переменные :root, готовые вставить прямо в вашу таблицу стилей.
  • % на полосе пропорций показывает, какую площадь занимает каждый цвет на фото, удобно, чтобы отличить основной цвет от акцентных.

Частые вопросы

Нет, извлечение цветов полностью происходит в вашем браузере, и фото никогда не отправляется на сервер. Оно лишь считывает цвета, так что оригинал никогда не покидает ваше устройство.

Каждый цвет идёт с HEX (например, #7C3AED) и RGB (например, RGB(124, 58, 237)). Нажмите на цвет, чтобы скопировать его HEX, или используйте «Копировать CSS», чтобы получить их все сразу как переменные :root.

От 3 до 10. Измените количество ползунком, и палитра тут же извлекается заново.

Это доля площади фото, которую занимает каждый цвет. Более крупные цвета получают более широкую полосу, так что с одного взгляда видно, какой цвет задаёт настроение фотографии.