Пипетка цвета с фото
Кликни на любую точку картинки — узнай её цвет в HEX, RGB, HSL. Палитра доминирующих цветов внизу.
📁 Выбери фото или перетащи сюда
Файл не загружается на сервер.
Зачем нужна пипетка
- Дизайнерам — подбор цвета под существующее фото для сайта или презентации
- Маркетологам — найти точные цвета конкурента для бренда-айдентики
- Художникам — определить оттенок в произведении
- SMM-менеджерам — подобрать палитру под красивое фото для всего профиля
- Стилистам — найти цвет одежды по фотографии знаменитости
- Веб-разработчикам — взять цвет с мокапа или скриншота клиента
Что такое HEX, RGB, HSL, CMYK
- HEX — шестнадцатеричный код, например #4da3ff. Самый частый формат в вебе и CSS.
- RGB — три значения (красный, зелёный, синий) от 0 до 255. Используется в фоторедакторах.
- HSL — тон, насыщенность, светлота. Удобно для подбора оттенков (светлее/темнее).
- CMYK — голубой, пурпурный, жёлтый, чёрный. Используется в полиграфии.
Как извлекается палитра
Изображение уменьшается до маленького размера (для скорости), затем каждый пиксель относится в один из 64 кубов в RGB-пространстве. Выбираются 8-12 самых частых кубов — это и есть доминирующие цвета.
Палитра помогает понять «характер» фотографии: тёплый/холодный, контрастный/мягкий, какие оттенки преобладают.
Сочетания цветов
- Комплементарные — два цвета напротив на цветовом круге (синий + оранжевый). Высокий контраст.
- Аналоговые — три соседних цвета. Гармония, спокойствие.
- Триадные — три цвета на равном расстоянии. Яркость + баланс.
- Монохромные — оттенки одного цвета. Минимализм.
- Тетраидные — четыре цвета через равные промежутки. Богатство, разнообразие.
Частые вопросы
Куда уходит фото?
Никуда. Pипетка работает через Canvas API в браузере.
Цвет на экране отличается от фотографии — почему?
Каждый экран показывает цвета слегка по-своему (калибровка). Если есть профессиональный монитор с sRGB — отображение точное. Бытовые экраны искажают тёмные тона и зелёный.
Какой цвет выбрать для логотипа?
2-3 цвета максимум. Должны хорошо смотреться на белом и чёрном фоне. Не использовать слишком яркие — устают глаза при долгом просмотре.
CMYK для печати точно подойдёт?
Наш расчёт — приблизительный, нужен только для предварительного представления. Для типографской печати конвертацию делает RIP-программа печатной машины — там точнее.