Визначення кольорів із зображення
Перетягніть фото, щоб побачити його основні кольори, і клацніть будь-де на ньому, щоб узяти точний відтінок.
Запечатано на цьому пристрої
Працює у вашому браузері. Нічого не завантажується на сервер.
Запечатано
Ваше зображення
Клацніть або торкніться зображення, щоб узяти колір пікселя.
Основні кольори
Це зображення повністю прозоре, тож кольорів для визначення немає.
Як це працює
-
Додайте зображення
Перетягніть фото, знімок екрана чи ілюстрацію, виберіть файл на пристрої або вставте його за допомогою Ctrl+V.
-
Перегляньте основні кольори
Палітра з’являється за мить — від найпоширенішого кольору до найрідшого. Оберіть, скільки кольорів вам потрібно.
-
Скопіюйте коди
Скопіюйте один колір, усі разом або всю палітру як CSS. Клацніть зображення, щоб узяти колір будь-якого конкретного пікселя.
Поширені запитання
Моє зображення завантажується на сервер?
Ні. Зображення читає й аналізує ваш браузер на вашому пристрої. Воно ніколи не надсилається на сервер, тож можна спокійно використовувати особисті фото чи неопубліковані макети.
Як визначаються основні кольори?
Інструмент групує схожі пікселі методом кластеризації k-means у колірному просторі, що відповідає людському зору (OKLab). Кожна група стає одним кольором палітри, а її частка показує, яку частину зображення вона займає.
Чому в палітрі немає крихітної яскравої деталі?
Палітра зосереджена на кольорах, які займають помітну частину зображення. Дрібна деталь може злитися із сусіднім кольором. Збільште кількість кольорів або клацніть деталь на зображенні, щоб узяти її точний колір.
Чи враховуються прозорі ділянки?
Ні. Прозорі й майже прозорі пікселі, як-от фон логотипа PNG, ігноруються, щоб не спотворювати палітру.
Які формати зображень підтримуються?
Будь-який формат, який може показати ваш браузер: JPG, PNG, WebP, GIF і BMP — усюди, а AVIF — у новіших браузерах. Фото HEIC з iPhone спершу конвертуйте в JPG.