Піпетка кольору із зображення — HEX, RGB, HSL, CMYK

Знайдіть точний колір будь-якого пікселя

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

HEX, RGB, HSL і CMYK: пояснення

Піпетка показує кожен колір у чотирьох записах. HEX, наприклад #1E90FF, — компактна форма, що використовується в CSS, HTML і більшості дизайнерських інструментів. RGB перелічує червоний, зелений і синій канали від 0 до 255 і зручний для коду та редакторів зображень. HSL описує відтінок, насиченість і світлоту, що полегшує створення світліших чи темніших варіантів того самого кольору. CMYK дає приблизну суміш блакитного, пурпурового, жовтого й чорного для друку; для точного збігу в друці звірте значення з колірним профілем принтера. Клацніть будь-яке значення, щоб скопіювати його в цьому форматі.

Поради для точного вибору

Фотографії та JPEG-зображення містять шум, тож сусідні пікселі можуть відрізнятися на кілька значень. Увімкніть Average 5×5 pixels, щоб усереднити невелику ділянку й отримати колір, який справді сприймає око. Використовуйте PNG-скриншоти, підбираючи кольори інтерфейсу, адже вони без втрат. У Chrome та Edge кнопка Pick from screen може брати кольори з будь-якого місця екрана, зокрема з інших вікон. Щоб витягти основні кольори всього зображення одразу, скористайтеся екстрактором палітри, а перед використанням кольорів у дизайні перевірте читабельність тексту за допомогою перевірки контрасту.