Цвета из картинки
Получите палитру основных цветов картинки с долей каждого или нажмите на точку, чтобы взять её цвет. Копируйте HEX, RGB, HSL; экспорт в CSS, Tailwind, PNG.
Как взять цвета из картинки
- Выберите, перетащите или вставьте (Ctrl+V) картинку.
- Ниже появится палитра основных цветов (от 5 до 12), или наведите на картинку и нажмите, чтобы взять точный цвет в этой точке — с лупой.
- Нажмите значок копирования рядом с кодом или выгрузите всю палитру в CSS, JSON, Tailwind или PNG.
Частые вопросы
Пиксели похожего цвета собираются в группы, и для каждой берётся средний цвет; группы упорядочены по площади. Процент показывает, какую часть картинки занимает этот цвет.
Ведите указатель (или палец) по картинке: лупа увеличивает участок, чтобы точно прицелиться. Нажмите или отпустите палец — цвет добавится в «Выбранные цвета».
Нет. Прозрачные пиксели пропускаются, поэтому логотип на прозрачном фоне даёт цвета самого логотипа.
Выберите Tailwind: получите блок @theme для Tailwind v4 (вставьте в CSS) и блок настроек для Tailwind v3 (tailwind.config.js). Цвета сразу работают как bg-palette-1, text-palette-2 и т. д.
Да. Палитра считается по уменьшенной копии (её хватает для основных цветов, и это намного быстрее), а выбранные цвета читаются с чёткой копии до 1600 пикселей и очень близки к настоящим.
Полностью бесплатно и без регистрации.
Похожие инструменты
Конвертер цветовПеревод кодов цвета HEX, RGB и HSLКоллаж из фотоОбъединить несколько фото в одну сеткуГенератор фавиконокИконки для сайта из вашего логотипаИзменить размер изображенияИзменить размер фото пакетноОбрезать фотоВырезать нужную часть изображенияПовернуть и отразить фотоПовернуть или отразить фото в один кликКруглая аватарка из фотоОбрезать фото по кругу с прозрачным фономДобавить текст на фотоТекст на фото с выбором места и цветаДобавить рамку к фотоЦветная рамка вокруг фото