Узнайте точный цвет любого пикселя на фото, скриншоте или макете дизайна. Щёлкните или коснитесь изображения, наведите лупу и скопируйте цвет в HEX, RGB, HSL или OKLCH. Выбранные цвета собираются в список, который можно экспортировать, а в Chrome и Edge можно брать цвет из любого места экрана. Инструмент работает и как конвертер, совсем без изображения.
Как это работает
- Перетащите, вставьте или выберите изображение либо введите цвет, чтобы конвертировать его.
- Щёлкните или коснитесь изображения; на телефоне ведите пальцем и отпустите, чтобы выбрать. Клавиши со стрелками сдвигают лупу на один пиксель.
- Скопируйте нужное значение или скачайте цвета в виде текста, CSS или JSON.
Частые вопросы
- Мой файл куда-нибудь загружается?
- Нет. Всё происходит внутри вашего браузера, на вашем собственном устройстве. Вы можете убедиться в этом сами: откройте инструменты разработчика (DevTools), перейдите на вкладку «Сеть» и понаблюдайте за ней, пока работает инструмент, — никаких загрузок не будет. Значок рядом с заголовком страницы в реальном времени показывает, сколько байт отправила эта страница.
- Почему цвет немного отличается от того, что показывает мой графический редактор?
- Фотографии часто хранятся в более широком цветовом пространстве или со встроенным профилем. Для показа браузер переводит изображение в стандартный sRGB, и пипетка сообщает то значение sRGB, которое вы видите на экране. Усреднение по 3×3 или 5×5 пикселей к тому же сглаживает шум JPEG.
- Можно ли брать цвета за пределами браузера?
- В Chrome и Edge на компьютере — да: «Взять с экрана» считывает любой пиксель на дисплее. Другие браузеры такой возможности не дают, поэтому там кнопка скрыта; пипетка по изображению работает везде.
- Какие форматы цвета он понимает?
- Введите или вставьте HEX (#1e90ff или #19f), rgb(), hsl() или oklch() — через запятые или пробелы. Каждый формат сразу конвертируется во все остальные.