Glyph WidgetsGlyph Widgets
О проектеКонтактыКонфиденциальностьУсловияПоддержать на Ko-fi

© 2026 Glyph Widgets. Все права защищены.

·

100% обработка на стороне клиента

Выбор цвета

Последнее обновление: 6 марта 2026 г.

Выбирайте цвет с экрана с помощью EyeDropper API или вводите цвета в форматах HEX, RGB или HSL. Мгновенно конвертируйте между всеми основными форматами цвета.

Возможности

  • ▶Визуальный выбор цвета
  • ▶Конвертация HEX, RGB, HSL
  • ▶Копирование в буфер обмена
  • ▶История цветов
  • ▶EyeDropper API
  • ▶Цветовая палитра

Как использовать этот инструмент

1

Выберите с экрана

Нажмите «Выбрать с экрана» для активации инструмента EyeDropper. Нажмите в любом месте экрана, чтобы захватить цвет. Работает с любым видимым контентом, включая другие приложения.

2

Используйте ввод цвета

Нажмите на цветной квадрат для открытия стандартного выбора цвета. Работает во всех браузерах.

3

Введите значения вручную

Введите HEX-значения напрямую (например, #3B82F6) или настройте слайдеры RGB и HSL для точного управления. Все форматы обновляются автоматически.

4

Скопируйте и используйте

Нажмите кнопку копирования рядом с любым форматом. Используйте историю цветов для быстрого доступа к ранее выбранным цветам.

Методы выбора цвета

Палитра цветов поддерживает несколько методов ввода: нативный HTML5 ввод цвета для визуального выбора, EyeDropper API для выбора цветов с любого места на вашем экране и прямой текстовый ввод для значений HEX, RGB или HSL.

EyeDropper API

Когда вы нажимаете «Выбрать с экрана», браузер активирует свой нативный интерфейс EyeDropper. Это отображает увеличенный вид пикселей под вашим курсором и позволяет вам нажать, чтобы выбрать любой цвет, видимый на вашем дисплее, даже из других приложений.

Преобразования цветовых пространств

Преобразования цветов следуют стандартным математическим формулам. RGB в HEX преобразует десятичные значения в шестнадцатеричные. RGB в HSL вычисляет оттенок из позиции на цветовом круге, насыщенность из интенсивности цвета и светлоту из среднего минимальных/максимальных значений RGB.

Совместимость с браузерами

EyeDropper API требует Chrome 95+, Edge 95+ или Opera 81+. Мы обнаруживаем поддержку браузера и показываем соответствующий пользовательский интерфейс. Нативный ввод цвета и ручной ввод работают во всех современных браузерах в качестве запасных вариантов.

Конфиденциальность и безопасность

Вся обработка происходит локально в вашем браузере с использованием JavaScript. Никакие данные о цвете, снимки экрана или любая информация не отправляются на внешние серверы. Ваша история цветов хранится только в localStorage вашего браузера.

Часто задаваемые вопросы

Нажмите кнопку 'Выбрать с экрана', чтобы активировать инструмент EyeDropper. Ваш курсор изменится на лупу - кликните в любом месте экрана, чтобы захватить этот цвет. Эта функция требует современного браузера с поддержкой EyeDropper API (Chrome 95+, Edge 95+).

Связанные инструменты

Конвертер цветов

Конвертация между всеми цветовыми форматами

Проверка контрастности

Проверка цветовой контрастности WCAG

Генератор палитры

Генерация цветовых палитр

Генератор градиентов

Создание CSS градиентов

#3B82F6

Выбор цвета с экрана не поддерживается в этом браузере. Используйте ввод цвета или введите значения вручную.

Все форматы цветов

Поделиться
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSB
hsb(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)

История инструментов — функция для спонсоров.

Заметки к инструментам — функция для спонсоров.