MT
My Toolbox

Палитра цветов - Выбор и конвертация цветов онлайн бесплатно

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

Выбирайте и конвертируйте цвета в разных форматах

tools.colorPicker.hex

#3498db

tools.colorPicker.rgb

rgb(52, 152, 219)

tools.colorPicker.hsl

hsl(204, 70%, 53%)

tools.colorPicker.hex
tools.colorPicker.rgb
tools.colorPicker.hsl

Выбирайте и конвертируйте цвета в разных форматах

tools.colorPicker.hex

#3498db

tools.colorPicker.rgb

rgb(52, 152, 219)

tools.colorPicker.hsl

hsl(204, 70%, 53%)

Как Использовать

  1. Введите цветовой код HEX или используйте предварительный просмотр цвета.
  2. Просматривайте цвет в реальном времени со всеми конвертациями формата.
  3. Нажмите кнопку случайного выбора для генерации нового цвета.
  4. Скопируйте любой формат цвета (HEX, RGB, HSL) одним кликом.

Возможности

  • Предварительный просмотр цвета в реальном времени с большой областью отображения
  • Автоматическая конвертация между HEX, RGB и HSL
  • Копирование одним кликом для каждого формата цвета
  • Генератор случайных цветов для вдохновения
  • Поддержка 3-значных и 6-значных HEX-кодов
  • Бесплатно без регистрации

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

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

HEX использует шестнадцатеричную нотацию (#RRGGBB). RGB задаёт значения красного, зелёного и синего (0-255). HSL использует оттенок (0-360), насыщенность (0-100%) и светлоту (0-100%). Все три формата представляют одни и те же цвета.

Какой формат цвета использовать для веб-разработки?

HEX наиболее распространён в CSS. RGB полезен, когда нужна прозрачность (rgba). HSL интуитивен для настройки цветов, так как можно независимо менять оттенок, насыщенность или светлоту.

Можно ли ввести 3-значный HEX-код?

Да. 3-значный HEX-код, например #ABC, автоматически расширяется до #AABBCC. Оба формата поддерживаются.

Безопасны ли мои данные при использовании этого инструмента?

Да. Все конвертации цветов выполняются локально в вашем браузере. Никакие данные не отправляются на сервер.

Советы и связанные рабочие процессы