Код цвета по картинке
Конвертация любого пикселя на фото в форматы HEX и RGB. Точное извлечение кода.
Загрузите изображение
Перетащите файл, нажмите для выбора или вставьте из буфера (Ctrl+V)
JPG, PNG, WEBPОттенки
Тона и ТениДоминирующие цвета
Гармоничные цвета
Недавно выбранные
Как узнать код цвета по картинке?
Получение точного цифрового значения цвета — критическая задача для веб-дизайнера и верстальщика. Наш инструмент позволяет извлечь HTML-код цвета прямо из пиксельной сетки любого изображения. Вам не нужно устанавливать Photoshop или другие тяжелые редакторы: достаточно загрузить файл или вставить скриншот из буфера обмена.
Система мгновенно преобразует данные о светимости пикселя в понятные форматы, которые можно сразу вставить в CSS-код вашего проекта. Например, для задания фона блока достаточно скопировать HEX-значение и прописать background-color: #EA580C;.
Копирование в один клик
Просто нажмите на код в панели истории, и он будет скопирован. Мы автоматически убираем лишние пробелы и символы.
Поддержка всех форматов
Узнавайте HEX, RGB и HSL коды. Это позволяет работать как с веб-сайтами, так и с мобильными приложениями на iOS и Android.
Вопросы и ответы о кодах цвета
Что такое HTML-код цвета?
Это шестнадцатеричное (HEX) представление цвета, используемое в веб-разработке. Оно состоит из символа # и шести знаков, где каждая пара отвечает за интенсивность красного, зеленого и синего каналов. Например, #000000 — черный, #FFFFFF — белый.
Как узнать код цвета со скриншота?
Сделайте скриншот нужной области (клавиша PrintScreen или Win+Shift+S), перейдите на нашу страницу и нажмите Ctrl+V. Изображение мгновенно появится на холсте, и вы сможете кликнуть по любому пикселю, чтобы узнать его код.
Почему код цвета может быть неточным?
Если изображение сохранено в формате JPG с сильным сжатием, вокруг границ объектов возникают артефакты. В этом случае соседние пиксели могут иметь разные коды. Используйте нашу лупу с 7-кратным увеличением, чтобы выбрать чистый пиксель без искажений.