100 100.tools
Сжатие изображений Изменение размера изображения Конвертер изображений Image Cropper Image to Base64 Converter SVG to PNG Converter Инструмент водяных знаков изображений Просмотр и удаление EXIF Генератор фавиконок Локальный компрессор и конвертер изображений Удаление цвета фона Генератор пиксель-арта Генератор ASCII-арта Генератор постеров с заголовком

Color Palette Extractor

Extract dominant colors from an image locally and copy HEX, RGB, HSL or CSS variables.

Drop an image here

Ready.

Local only JPG, PNG, WebP. Up to 25 MB.
Drop an image here Use JPG, PNG or WebP to extract dominant colors. Colors are sampled in your browser.

Palette settings

Choose how many colors to extract.

Sampling notes
  • Colors are approximate dominant colors from sampled pixels.
  • Click a swatch to copy its HEX value.
  • Download or copy CSS variables for design handoff.

Extracted palette

Extracted colors will appear here.

Extracted colors will appear here.

Ready.

Что это за инструмент извлечения палитры?

Этот инструмент анализирует локальное изображение и извлекает примерные доминирующие цвета. Вы можете копировать значения HEX, RGB и HSL или экспортировать палитру как CSS-переменные.

Конфиденциальность

Изображения остаются в вашем браузере. Инструмент не загружает файлы и не хранит их на сервере.

Возможности

  • Локальное извлечение доминирующих цветов из изображения
  • Копирование значений HEX, RGB и HSL
  • Генерация пользовательских CSS-свойств
  • Скачивание CSS палитры
  • Быстрое семплирование без сторонних библиотек

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

  1. Добавьте изображение

    Выберите или перетащите изображение JPG, PNG или WebP в инструмент.

  2. Выберите количество

    Укажите, сколько цветов должно быть в палитре.

  3. Извлеките цвета

    Браузер берёт выборку пикселей и группирует похожие цвета.

  4. Скопируйте значения

    Нажмите на образцы цвета или скопируйте сгенерированные CSS-переменные.

FAQ

Изображения загружаются?

Нет. Выборка пикселей происходит прямо во вкладке браузера.

Цвета точные?

Это приблизительные доминирующие цвета на основе выбранных пикселей.

Можно использовать этот CSS в проекте?

Да. Скопируйте или скачайте сгенерированные CSS-переменные.

Почему прозрачные пиксели игнорируются?

Прозрачные пиксели не вносят видимый цвет, поэтому они пропускаются.

Похожие инструменты

IMAGE Image Cropper Crop photos with aspect ratio presets in your browser. IMAGE Сжатие изображений Сжимайте изображения локально. IMAGE Изменение размера изображения Локальное изменение размера по размерам, проценту или пресетам. IMAGE Конвертер изображений Конвертация форматов изображений локально, без загрузки файлов. IMAGE Image to Base64 Converter Convert images to Data URI, CSS url() or raw Base64. SVG SVG to PNG Converter Export SVG files or code to PNG locally. IMAGE Инструмент водяных знаков изображений Добавляйте текстовые или логотипные водяные знаки к изображениям в браузере. IMAGE Просмотр и удаление EXIF Локальный просмотр и удаление метаданных фото.