Извлекайте точные цвета из любого изображения с помощью этого инструмента-пипетки. Загрузите изображение, наведите курсор для увеличенного предпросмотра области под курсором и нажмите, чтобы выбрать цвет. Получите цвет в форматах HEX, RGB и HSL, создайте палитру из выбранных цветов и копируйте любое значение одним кликом. Идеально для дизайнеров, разработчиков и всех, кому нужно подбирать цвета из изображений.
Drop an image here or click to select
Click on the image to pick colors
Загрузите изображение, перетащив его в зону загрузки или нажав для выбора. Изображение отображается с курсором-перекрестием. Наведите мышь на изображение, чтобы увидеть увеличенный предпросмотр области вокруг курсора. Нажмите в любом месте на изображении, чтобы выбрать цвет в этом точном пикселе. Выбранный цвет появляется в большом образце со значениями HEX, RGB и HSL. Нажмите на любое значение, чтобы скопировать его. История цветов показывает последние 10 выбранных цветов для удобного сравнения и повторного использования.
Выбор цвета из изображений необходим для: извлечения фирменных цветов из логотипов и дизайнерских ресурсов, подбора цветов из фотографий для веб-дизайна, создания цветовых палитр из вдохновляющих изображений, определения точных значений цветов в UI-макетах и скриншотах, копирования цветов из референсных дизайнов в ваши проекты, анализа цветовых схем успешных веб-сайтов и приложений, поиска дополнительных цветов для гармонии дизайна и преобразования физических цветовых образцов, сфотографированных камерой, в цифровые цветовые коды.
Инструмент рисует загруженное изображение на элементе HTML5 Canvas и использует getImageData() для чтения значений пикселей в позиции курсора. Увеличенный предпросмотр извлекает небольшую область вокруг курсора и масштабирует её для видимости. Преобразование RGB в HEX использует toString(16) с добавлением нулей. Преобразование RGB в HSL сначала нормализует значения RGB до 0–1, вычисляет оттенок из разностей каналов, светлоту как среднее значение максимального и минимального каналов, а насыщенность на основе светлоты и диапазона каналов. Все вычисления происходят в реальном времени при движении курсора.
Загрузите изображение, затем просто нажмите на любую точку на изображении. Инструмент извлечёт точный цвет в этом пикселе и отобразит его в форматах HEX (#FF5733), RGB (rgb(255, 87, 51)) и HSL (hsl(11, 100%, 60%)). Вы можете скопировать любой формат одним кликом.
Пипетка считывает точное значение пикселя из данных изображения, поэтому она 100% точна для цифрового цвета в этом пикселе. Обратите внимание, что если изображение было сжато (JPEG), цвета могут иметь небольшие артефакты сжатия по сравнению с оригиналом.
Да. Инструмент сохраняет историю последних 10 выбранных цветов, отображаемых в виде строки палитры. Нажимайте на разные области изображения для создания палитры, затем копируйте нужные значения цветов.
Применяйте Gaussian размытие с настройкой интенсивности. Предпросмотр и загрузка в реальном времени.
Инвертируйте цвета изображений. Создавайте негативные эффекты с контролем отдельных каналов и предпросмотром.
Настраивайте яркость, контраст и насыщенность изображений. Предпросмотр в реальном времени с пресетными настройками.
Трансформируйте, форматируйте, генерируйте и кодируйте данные мгновенно. Приватно, быстро и всегда бесплатно.
Смотреть все инструменты