Выбирайте цвет с экрана с помощью EyeDropper API или вводите цвета в форматах HEX, RGB или HSL. Мгновенно конвертируйте между всеми основными форматами цвета.
Нажмите «Выбрать с экрана» для активации инструмента EyeDropper. Нажмите в любом месте экрана, чтобы захватить цвет. Работает с любым видимым контентом, включая другие приложения.
Нажмите на цветной квадрат для открытия стандартного выбора цвета. Работает во всех браузерах.
Введите HEX-значения напрямую (например, #3B82F6) или настройте слайдеры RGB и HSL для точного управления. Все форматы обновляются автоматически.
Нажмите кнопку копирования рядом с любым форматом. Используйте историю цветов для быстрого доступа к ранее выбранным цветам.
Палитра цветов поддерживает несколько методов ввода: нативный HTML5 ввод цвета для визуального выбора, EyeDropper API для выбора цветов с любого места на вашем экране и прямой текстовый ввод для значений HEX, RGB или HSL.
Когда вы нажимаете «Выбрать с экрана», браузер активирует свой нативный интерфейс EyeDropper. Это отображает увеличенный вид пикселей под вашим курсором и позволяет вам нажать, чтобы выбрать любой цвет, видимый на вашем дисплее, даже из других приложений.
Преобразования цветов следуют стандартным математическим формулам. RGB в HEX преобразует десятичные значения в шестнадцатеричные. RGB в HSL вычисляет оттенок из позиции на цветовом круге, насыщенность из интенсивности цвета и светлоту из среднего минимальных/максимальных значений RGB.
EyeDropper API требует Chrome 95+, Edge 95+ или Opera 81+. Мы обнаруживаем поддержку браузера и показываем соответствующий пользовательский интерфейс. Нативный ввод цвета и ручной ввод работают во всех современных браузерах в качестве запасных вариантов.
Вся обработка происходит локально в вашем браузере с использованием JavaScript. Никакие данные о цвете, снимки экрана или любая информация не отправляются на внешние серверы. Ваша история цветов хранится только в localStorage вашего браузера.
Нажмите кнопку 'Выбрать с экрана', чтобы активировать инструмент EyeDropper. Ваш курсор изменится на лупу - кликните в любом месте экрана, чтобы захватить этот цвет. Эта функция требует современного браузера с поддержкой EyeDropper API (Chrome 95+, Edge 95+).
Выбор цвета с экрана не поддерживается в этом браузере. Используйте ввод цвета или введите значения вручную.
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)hsb(217, 76%, 96%)cmyk(76%, 47%, 0%, 4%)История инструментов — функция для спонсоров.
Заметки к инструментам — функция для спонсоров.