Выбор цвета

Выберите цвет и мгновенно увидите его значения в HEX, RGB, HSL и HSV. Ваш выбор никогда не отправляется на сервер.

Выберите цвет

Значения цвета

Недавние цвета

Дополнительные & аналогичные цвета

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

Коэффициент контрастности:

Как выбрать цвет

  1. Используйте встроенный выбор цвета или введите значение HEX, например #3366FF, в текстовое поле.
  2. Сразу после выбора ознакомьтесь со значениями HEX, RGB, HSL и HSV.
  3. Нажмите «Копировать» рядом с любым значением, чтобы вставить его в код или дизайнерский инструмент.
  4. Просматривайте недавние выборы или дополнительные образцы для быстрого повторного использования.

Частые вопросы

Что означают HEX, RGB, HSL и HSV?

HEX — это шестизначный шестнадцатеричный код, RGB смешивает красный, зелёный и синий свет, HSL использует тон, насыщенность и светлоту, а HSV — тон, насыщенность и яркость.

Сохраняются ли или загружаются мои цвета?

Нет. Цвета никогда не покидают ваше устройство, а недавние выборы хранятся только в локальном хранилище вашего браузера.

Могу ли я скопировать цвет в буфер обмена?

Да. У каждого значения HEX, RGB, HSL и HSV есть кнопка «Копировать», которая помещает его в буфер обмена.

Работает ли выбор цвета на мобильных устройствах?

Да. Страница полностью адаптивна и использует встроенный выбор цвета вашего телефона или планшета.

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

Зачем использовать палитру цветов?

Используйте палитру цветов, когда нужно взять hex-код из дизайна и увидеть, как он переводится в RGB, HSL и HSV для CSS, кода или дизайн-инструментов.

Советы и ограничения

Все преобразования точны в обе стороны для стандартных цветов sRGB, а инструмент работает локально в браузере — выбранное никогда не загружается.