Как пользоваться

  1. Загрузите изображение.
  2. Кликните по нужной точке на картинке.
  3. Нажмите на код HEX, чтобы скопировать его.

Пипетка: подробности и советы

Зачем определять цвет

Дизайнерам, вебмастерам и тем, кто оформляет презентации, часто нужно взять точный цвет с логотипа, фотографии или скриншота и повторить его в другом месте. Пипетка делает это одним кликом: показывает цвет выбранного пикселя в форматах HEX, RGB и HSL.

Форматы цвета

  • HEX — шестнадцатеричный код вида #1A2B3C; используется в CSS, графических программах и конструкторах сайтов.
  • RGB — три числа от 0 до 255 для красной, зелёной и синей составляющих.
  • HSL — оттенок (0–360°), насыщенность и светлота в процентах; удобен, когда нужно сделать цвет светлее или темнее.

Как точнее выбрать цвет

На фотографиях цвет отдельных пикселей зависит от шума и освещения, поэтому попробуйте нажать в нескольких соседних местах и выбрать наиболее типичный оттенок. Выбранные цвета сохраняются в «Недавних», чтобы к ним можно было вернуться. Нажмите на код HEX, чтобы скопировать его в буфер обмена.

Если пиксель частично прозрачный, пипетка сообщит об этом в строке состояния: PNG-изображения с полупрозрачными краями могут давать неточные значения.

Вопросы и ответы

Для чего нужна пипетка?

Чтобы подобрать цвет для сайта, оформления или дизайна: например, взять точный оттенок с логотипа или фотографии.