Перейти до вмісту

Палітра кольорів та піпетка

— готові HEX-коди.

29 / 36 Локально

100% локальне витягнення кольорів методом медіанного перетину. Файли не передаються на сервер.

Витягніть із фото домінантні кольори або зніміть відтінок піпеткою — готові коди HEX, RGB і HSL копіюються одним натисканням. Картинка не залишає браузер.

Витягуйте домінантні кольори та створюйте гармонійні палітри з фотографій у кодах HEX, RGB та HSL у вашому браузері.

Безкоштовно · Локально · працює офлайн · IMAGE → COLOR PALETTE & CODES

Часті запитання

Як визначається, які кольори домінують?
Усі пікселі зображення групуються за схожістю, і повертається центр кожної групи — тож колір, що вкриває велику площу, переважує яскравий акцент на кількох пікселях.
Чи можна отримати hex-коди, щоб вставити в CSS?
Так — кожен зразок дає HEX, RGB і HSL, і копіюється одним кліком, тож палітра потрапляє просто в таблицю стилів або макет.
Скільки кольорів має бути у брендовій палітрі?
Більшість тримається на трьох-п'яти: один домінантний, один акцентний і два-три нейтральні. Витягти десять із фотографії корисно, щоб побачити, що там є, але десять у брендбуці — це коли дизайн перестає виглядати свідомим.
Чи збігатиметься палітра з тим, що я бачу у Photoshop?
Дуже близько для звичайних sRGB-зображень. Фото, збережене в широкому профілі на кшталт Adobe RGB чи Display P3, читається через власне керування кольором браузера, тож найнасиченіші значення можуть трохи зсунутися.

Гайди для цього інструмента