Узнать код цвета онлайн: Быстрая пипетка и конвертер форматов

Вам понравился цвет кнопки на каком-то сайте, красивый оттенок на фотографии или вы просто подбираете идеальный тон для своего дизайн-проекта? В веб-разработке и графическом дизайне нельзя просто сказать «сделай темно-синий». Компьютер понимает только строгие числовые коды.

Наш бесплатный инструмент «Определитель кода цвета» создан именно для того, чтобы за долю секунды перевести любой визуальный оттенок в понятные программистам и дизайнерам форматы: HEX, RGB и HSL.

Как работает наш инструмент?

Мы сделали интерфейс максимально интуитивным и простым:

Круглая палитра. Просто кликните на большой цветной круг. Откроется стандартная палитра вашей операционной системы (Windows, macOS, iOS или Android), где вы сможете выбрать абсолютно любой оттенок на спектре.
Экранная пипетка (EyeDropper). Если ваш браузер поддерживает эту современную технологию (например, Google Chrome или Microsoft Edge), под палитрой появится специальная кнопка. Нажмите её, и вы сможете «взять» образец цвета из абсолютно любой точки вашего экрана — с другой вкладки, из открытой картинки или видео!
Мгновенный конвертер. Как только цвет выбран, система моментально пересчитывает его значения и выводит результаты в три самых востребованных формата.

Поддерживаемые цветовые форматы:

HEX (Шестнадцатеричный код): Самый популярный формат в веб-разработке (HTML и CSS). Выглядит как решетка с 6 символами (например, #2563EB). Идеален для верстки сайтов.
RGB (Red, Green, Blue): Формат, описывающий цвет через смешивание красного, зеленого и синего (от 0 до 255). Часто используется в графических редакторах (Photoshop, Figma) и программировании. Пример: rgb(37, 99, 235).
HSL (Hue, Saturation, Lightness): Формат, основанный на восприятии цвета человеком: Тон, Насыщенность и Яркость. Он очень удобен, если вам нужно сделать цвет чуть светлее или чуть бледнее оригинального.

Как скопировать код?

Мы знаем, как раздражает выделять код мышкой, случайно захватывая лишние пробелы. В нашем инструменте напротив каждого формата есть удобная кнопка копирования. Просто нажмите на неё, и чистый, готовый к использованию код сразу окажется в вашем буфере обмена!

Используйте нашу онлайн-пипетку цветов бесплатно и ускорьте свою работу с дизайном.