Палитра цветов
Выбирайте цвета и получайте HEX, RGB и HSL, в том числе с изображения.
#1A6741rgb(26, 103, 65)hsl(150, 60%, 25%)Выбрать с изображения
Перетащите изображение сюда или выберите его, затем щёлкните по нему или используйте клавиши со стрелками, чтобы взять цвет. Изображения остаются в вашем браузере.
Рекомендуемые следующие шаги
Похожие инструменты
Преобразуйте цвета между HEX, RGB и HSL и проверьте контраст по WCAG.
Проверьте регулярное выражение на тексте и посмотрите совпадения и группы захвата.
Создайте QR-код из любого текста или ссылки и скачайте его в PNG или SVG.
Частые вопросы
Она показывает выбранный цвет в HEX (например, #1A6741), RGB (например, rgb(26, 103, 65)) и HSL (например, hsl(150, 60%, 25%)). У каждого значения есть своя кнопка копирования, чтобы вставить его прямо в CSS или инструмент дизайна.
Да. Перетащите изображение в инструмент или выберите его, затем щёлкните в любом месте, чтобы взять цвет этого пикселя. Значения HEX, RGB и HSL обновятся соответствующим образом. Также можно установить фокус на изображение и использовать клавиши со стрелками, чтобы перемещать точку взятия цвета без мыши.
Нет. Изображение декодируется и читается полностью в вашем браузере с помощью canvas — оно никогда не отправляется на сервер. Ничего не покидает страницу, поэтому можно безопасно брать цвета из личных скриншотов или неопубликованных работ.
Введите его в поле HEX. Работают и сокращённые значения из 3 цифр (#0F8), и из 6 цифр (#1A6741), с символом # в начале или без него. Образец, а также выводы RGB и HSL обновляются, как только значение становится допустимым.
Последнее обновление: 2026-06-23.