0

Домінантний колір зображення — визначити онлайн

Витягніть справжню палітру будь-якого фото у браузері: median-cut квантизація знаходить 3–12 ключових кольорів з HEX-кодами, CSS-змінними та експортом у JSON.

🧵

Перетягніть зображення

Опрацювання... 0%
Читання файлу зображення
Зменшення масштабу пікселів
Виконання median-cut квантизації
Складання палітри

Результат

Preview Output

Ця сторінка відкриває витяг палітри, преднастроєний на один-єдиний колір: домінантний колір усього зображення. Завантажте фото — і тул згорне всі пікселі в одне репрезентативне значення: колір, який представляв би цю картинку, якби їй можна було лишити тільки один.

Один головний колір потрібен частіше, ніж здається: фонові заглушки, що показуються, поки вантажаться фото (техніка плавного завантаження зображень на великих сайтах), підфарбований інтерфейс довкола обкладинок, автоматичні акценти тем для карток і плейлистів або швидка відповідь на запитання «якого кольору цей товар насправді?». Результат показується великим свотчем із HEX-кодом — один клік, і він у буфері.

Оскільки колір обчислюється усередненням найбільшого кластера пікселів, а не вибором одного пікселя, відповідь стабільна — шум, JPEG-артефакти й дрібні відблиски її не хитають. Усе працює локально у браузері, без завантаження на сервер. Потрібна повніша картина? Переставте селектор на 3–12 кольорів і отримайте цілу палітру з експортом CSS і JSON.