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

HEX и RGB представляют один и тот же цвет по-разному. HEX использует шестнадцатеричную нотацию (#FF5733), в то время как RGB использует десятичные значения (255, 87, 51). Оба широко используются в веб-разработке.

Что такое HSL?

HSL расшифровывается как Hue, Saturation, Lightness. Это более интуитивная цветовая модель — оттенок — это положение цветового колеса (0-360°), насыщенность — насколько ярко (0-100%), а легкость — насколько ярко (0-100%).

Цветной Пикер

Выберите любой цвет и мгновенно посмотрите его значения HEX, RGB, HSL и HSV. Копии цветовых кодов для использования в CSS, дизайне или разработке.

Pick a Color

HEX

Color Formats

HEX

RGB

HSL

HSV

CMYK

Manual Input

R G B

H S L

Was this tool helpful?

Send output to:

How to use Color Picker

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

Что такое имя?

Этот выборщик цветов позволяет выбрать любой цвет и увидеть его значения в нескольких форматах: HEX (#FF5733), RGB (255, 87, 51), HSL (14, 100%, 60%) и HSV (14, 80%, 100%). Скопируйте любой формат одним щелчком мыши.

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

FAQ

В чем разница между HEX и RGB?: HEX и RGB представляют один и тот же цвет по-разному. HEX использует шестнадцатеричную нотацию (#FF5733), в то время как RGB использует десятичные значения (255, 87, 51). Оба широко используются в веб-разработке.
Что такое HSL?: HSL расшифровывается как Hue, Saturation, Lightness. Это более интуитивная цветовая модель — оттенок — это положение цветового колеса (0-360°), насыщенность — насколько ярко (0-100%), а легкость — насколько ярко (0-100%).

Related tools

Author

Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

📖 Color Picker on Wikipedia·Developer Tools on Wikipedia·Color Picker on Britannica

People also use

← Back to Developer Tools · All tags

Last updated: 2026-05-23

Цветной Пикер

Something went wrong

How to use Color Picker

Что такое имя?

FAQ

Related tools

Author

People also use

Ad blocker detected

Keyboard shortcuts