1
Загрузите изображение
Перетащите изображение в область загрузки или выберите файл. Можно также вставить картинку из буфера; обработка происходит в браузере.
DEVELOP.08 IMAGE COLOR PICKER
Пипетка цветов изображения
Загрузите изображение и щёлкните в любой точке, чтобы получить HEX, RGB, HSL и CMYK. Палитра создаётся автоматически, а данные не покидают браузер.
IMG
Перетащите изображение сюда
или нажмите для выбора · вставка изображения поддерживается
Поддерживаются JPG, PNG, GIF, WebP и BMP CLR
HEX
#000000
HEX
#000000 RGB
rgb(0, 0, 0) HSL
hsl(0°, 0%, 0%) CMYK
cmyk(0%, 0%, 0%, 100%) § 01
Как извлечь цветовые коды из изображения
2
Выберите цвет
Перемещайте мышь по изображению для предпросмотра и щёлкните, чтобы получить точное значение пикселя.
3
Скопируйте код
Посмотрите значения HEX, RGB, HSL и CMYK и нажмите кнопку копирования, чтобы сохранить их в буфере.
§ 02
Частые вопросы
Q1Какие форматы изображений поддерживаются?
Поддерживаются JPG, PNG, GIF, WebP и BMP. PNG не теряет данные и даёт точные цвета, а сжатие JPG может вызвать небольшие отклонения.
Q2Изображения загружаются на сервер?
Нет. Обработка полностью выполняется в браузере, изображения не загружаются, не сохраняются и не передаются на удалённые серверы.
Q3Что такое цветовой код HEX?
HEX-код состоит из шести шестнадцатеричных символов, например #FF5733. Пары обозначают красный, зелёный и синий каналы; это основной формат для веб-разработки.
Q4Чем отличаются RGB и HSL?
RGB использует значения красного, зелёного и синего каналов от 0 до 255. HSL задаёт тон, насыщенность и светлоту, поэтому удобнее для интуитивной настройки палитры.
Q5Когда нужен CMYK?
CMYK (голубой, пурпурный, жёлтый и чёрный) — модель для печати. Она помогает оценить печатный результат, хотя цвета экрана и бумаги могут различаться.
§ 03
Возможности пипетки
✳
Несколько форматов: HEX, RGB, HSL и CMYK для веба, интерфейсов и печати.
✳
Автопалитра: анализирует основные цвета и создаёт гармоничные сочетания.
✳
Мгновенный просмотр: наведите курсор и щёлкните, чтобы быстро выбрать цвет.
✳
Конфиденциальность: всё происходит локально, изображение не покидает устройство.
§ 04