ToolHub
Открыть инструмент

Палитра цветов

Профессиональный инструмент выбора цвета с поддержкой множества форматов

Инструменты разработчика
Запустить инструмент Все инструменты

Об этом инструменте

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

Основные функции

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

Быстрый предпросмотр

Сценарии использования

цвет палитра hex rgb

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

Какие цветовые форматы поддерживает этот инструмент?

Инструмент поддерживает отображение цвета в четырёх форматах: HEX (например, #ff6b6b), RGB/RGBA (например, rgb(255, 107, 107)), HSL/HSLA (например, hsl(0, 100%, 71%)) и HSV (например, hsv(0, 58%, 100%)). Когда прозрачность ниже 100%, автоматически используются форматы RGBA и HSLA.

Как регулировать прозрачность цвета?

Используйте ползунок прозрачности под ползунком оттенка. Перетащите влево для уменьшения прозрачности, вправо — для увеличения. Предпросмотр цвета и все значения форматов обновляются в реальном времени. Когда прозрачность ниже 100%, вывод HEX включает альфа-канал, а вывод RGB/HSL автоматически переключается на формат rgba/hsla.

В чём разница между HSL и HSV?

Оба являются цилиндрическими цветовыми моделями, но по-разному определяют яркость. HSL (оттенок, насыщенность, светлота) определяет светлоту от чёрного через чистый цвет к белому, где 100% светлота — всегда белый. HSV (оттенок, насыщенность, значение) определяет значение от чёрного к чистому цвету, где 100% значение — это наиболее чистая форма цвета. HSL чаще используется в CSS, а HSV — в графическом ПО.

Можно ли напрямую вводить значения HEX или RGB?

Да. Вы можете напрямую ввести значение HEX (например, #3b82f6) или RGB (например, rgb(59, 130, 246)) в поля ввода, и инструмент мгновенно преобразует и обновит все остальные форматы, предпросмотр цвета и положение ползунков.

Как скопировать значение цвета?

Нажмите кнопку копирования рядом с любым значением формата, и значение цвета будет скопировано в буфер обмена в отображаемом формате (например, #ff6b6b для HEX, rgb(255, 107, 107) для RGB). Затем вы можете вставить его непосредственно в CSS, дизайн-инструменты или редактор кода.

Похожие инструменты

Валидатор JSONГенератор хешейГенератор UUIDТестер регулярных выражений