🎨

Выборщик цветов — HTML-выборщик цветов, генератор палитр и градиентов

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

Кликните здесь, чтобы выбрать цвет

#3B82F6
R
G
B
H: 217°S: 91%L: 60%

🌟 Популярные цвета

#FF0000
#FF7F00
#FFFF00
#00FF00
#0000FF
#4B0082
#9400D3
#FFFFFF
#C0C0C0
#808080
#000000
#FF69B4
#FF1493
#C71585
#FFB6C1
#00CED1
#40E0D0
#48D1CC
#20B2AA
📖 Как использовать выборщик цветов
  1. 1

    Кликните на селектор цветов или введите код цвета вручную

  2. 2

    Просмотрите значения цвета в форматах HEX, RGB и HSL

  3. 3

    При необходимости напрямую отрегулируйте значения RGB

  4. 4

    Скопируйте код цвета или сохраните его в свою коллекцию

❓ common.faqText

Q: Что такое HEX, RGB и HSL?

HEX — это шестнадцатеричная нотация (#RRGGBB), широко используемая в HTML/CSS. RGB представляет значения красного, зеленого и синего (0-255). HSL означает тон, насыщенность и светлость и удобен для корректировки цветов.

Q: Как использовать эти коды цветов?

Скопируйте код цвета в предпочитаемом формате и вставьте его в CSS, графический редактор или любое другое место, где нужно указать цвет. Большинство современных инструментов поддерживают все три формата.

Q: Могу ли я сохранять пользовательские палитры?

Да! Нажмите «Сохранить цвет», чтобы добавить его в свою коллекцию. Цвета хранятся в локальном хранилище браузера и сохраняются между сессиями.

Q: В чем разница между RGB и HSL?

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