Нажмите на любой пиксель, чтобы узнать его HEX, RGB и HSL, и посмотрите основные цвета фото
Обработка в вашем браузере. Ничего не загружается на сервер.Взять цвет с фотографии — значит получить точное значение, а не догадку. Нажмите на любой пиксель, чтобы увидеть его HEX, RGB и HSL, и посмотрите основные цвета изображения в виде палитры. Одно изображение до 50 MB, читается прямо в браузере.
Эта страница переведена машинным способом с английского оригинала. Перевод ещё не проверен человеком, поэтому ориентируйтесь на английскую версию. Читать английский оригинал
Перетащите изображение, нажмите Выбрать изображение или вставьте скриншот сочетанием Ctrl+V; оно остаётся на вашем устройстве.
Наведите на картинку, чтобы увидеть лупу, затем нажмите или коснитесь точки, цвет которой нужен.
В разделе Чтение выберите 1 пиксель, Среднее 3×3 или Среднее 5×5 для более устойчивого цвета на фото.
Нажмите кнопку копирования рядом с HEX, RGB или HSL или Копировать палитру в разделе Основные цвета.
Пипетка цвета читает точный цвет любого пикселя на фото или скриншоте. Нажмите на точку и получите её код HEX и значения RGB и HSL, каждое в одном щелчке от буфера обмена. Лупа следует за указателем и показывает соседние пиксели крупно, так что можно взять тонкую линию или одну точку логотипа без догадок.
Дизайнеры подбирают так фирменный цвет по файлу логотипа, разработчики копируют в CSS точный фон скриншота, а те, кто обставляет комнату, находят на фото оттенок стены или ткани. Под изображением палитра перечисляет основные цвета всей картинки, от самого частого, с долей изображения, которую занимает каждый. Можно скопировать один цвет или всю палитру списком или переменными CSS.
Палитра вычисляется методом медианного сечения — стандартным способом, который многократно делит цвета фото на группы и усредняет каждую. Очень похожие оттенки объединяются, чтобы в списке были различимые цвета, а не двадцать почти одинаковых серых. Для пёстрых фото режим усреднения читает небольшой квадрат вокруг точки вместо одного пикселя, сглаживая шум камеры.
Всё происходит в вашем браузере, поэтому изображение никуда не загружается. Скриншоты можно вставить сочетанием Ctrl+V. Цвета на фото зависят от освещения при съёмке и от вашего экрана, так что считайте взятый цвет краски отправной точкой и сверьте его с настоящим образцом.
Добавьте картинку, наведите на нужную точку и нажмите. Код HEX и значения RGB и HSL появятся рядом с изображением, у каждого — кнопка Копировать. С помощью лупы попадите в точный пиксель и нажмите в другом месте, чтобы взять ещё один цвет.
Нет. Изображение читается в вашем браузере на вашем устройстве, и цвета вычисляются там же. Ничего не отправляется на сервер, поэтому скриншоты конфиденциальной работы можно использовать спокойно.
Палитра появляется под изображением сразу после загрузки. В ней перечислены основные цвета, от самого частого, с долей картинки, которую занимает каждый. Выберите, сколько цветов нужно, и скопируйте палитру как HEX, RGB, HSL или переменные CSS.
HEX, RGB и HSL описывают один и тот же цвет по-разному. HEX, например #2B59F5, — короткий код, который используется в CSS и большинстве дизайнерских приложений. RGB задаёт количество красного, зелёного и синего от 0 до 255. HSL задаёт тон, насыщенность и светлоту, что удобно для светлых и тёмных вариантов цвета.
На фото есть шум и следы сжатия, поэтому соседние пиксели немного различаются. Включите усреднение, чтобы читать небольшой квадрат вместо одного пикселя. Освещение и настройки экрана тоже меняют вид цветов, поэтому цвет с фото стены — хорошая отправная точка, а не точная краска.
Одно изображение за раз, до 50 MB и 10 000 пикселей по длинной стороне. Принимаются JPG, PNG, WebP, GIF, BMP, AVIF и HEIC, а скриншот можно вставить сочетанием Ctrl+V.
Всё ещё не получается? Задайте вопрос об инструменте «Пипетка цвета с изображения» и ответить может любой, кто знает. Учётная запись не нужна.