Палітра кольорів із зображення

Відкрийте зображення й за секунду отримайте його основні кольори з кодами та часткою в картинці. Натисніть на зображення, щоб додати точний колір.

Виберіть зображення
Вкажіть кількість кольорів і порядок
Скопіюйте коди або завантажте палітру

Завантаження інструмента…

Ваші файли ніколи не залишають пристрій

Як знаходяться кольори

Зображення зменшується, а пікселі групуються за схожим кольором (k-means у просторі CIELAB, близькому до сприйняття ока).
Для кожного кольору показано частку картинки, яку він займає.
Прозорі області PNG і WEBP не враховуються.

Використання палітри

Скопіюйте один код HEX або всі одразу.
CSS дає готові змінні (--color-1…) для сайту.
GPL підходить для GIMP та Inkscape, ASE — для програм Adobe, JSON — для коду.

Поради

Для логотипа чи бренду досить 3–5 кольорів, для детального фото — 8–12. Сортування за яскравістю зручне для градієнтів, за тоном — для порядку колірного кола.

Поширені запитання

Чи завантажується моє зображення?

Ні. Кольори обчислюються у вашому браузері.

Чому колір трохи інший?

Кожен колір палітри — середнє групи схожих пікселів. Натисніть на зображення, щоб узяти точний піксель.

Які формати можна відкрити?

JPG, PNG, WEBP, GIF, BMP і AVIF.

Чи можна отримати кольори логотипа?

Так. Виберіть 3–5 кольорів; прозорий фон не враховується.

Що таке ASE?

Adobe Swatch Exchange: імпортуйте у зразки Photoshop, Illustrator чи InDesign.

Одне зображення завжди дає ту саму палітру?

Так, розрахунок повторюваний.

Схожі інструменти

Стиснути зображенняЗменште розмір файлів JPG, PNG і WEBP. Змінити розмір зображенняЗмініть розміри в пікселях або відсотках. Конвертувати зображенняКонвертуйте зображення між JPG, PNG і WEBP. Повернути зображенняПоверніть або віддзеркальте зображення. Обрізати зображенняОбрізайте фото до точних розмірів. HEIC у JPGПеретворюйте фото з iPhone на JPG або PNG.

Збережіть інструмент на потім

Додайте цю сторінку до закладок браузера, натиснувши Ctrl + D