Question 1

Форматы цветов

Accepted Answer

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

Question 2

HEX, RGB, HSL

Accepted Answer

HEX (#rrggbb) кодирует каналы красного, зелёного и синего двумя шестнадцатеричными цифрами каждый (00–ff), напр. #3b82f6. RGB (rgb(r, g, b)) выражает каждый канал как целое число от 0 до 255, напр. rgb(59, 130, 246). HSL (hsl(h, s%, l%)) использует тон (0–360°), насыщенность (0–100%) и светлоту (0–100%) — более интуитивная модель для настройки цветов, напр. hsl(217, 91%, 60%).

Question 3

Палитра

Accepted Answer

Нажмите на образец цвета вверху, чтобы открыть встроенную палитру браузера. Выбор цвета автоматически обновит все три поля формата.

Question 4

When to use HEX vs RGB vs HSL

Accepted Answer

Use HEX when working with CSS shorthand or design tools — it is the most compact notation and widely recognized by designers. Use RGB when you need to manipulate individual color channels programmatically (e.g., adjusting opacity with rgba()). Use HSL when you want intuitive color adjustments — changing hue rotates the color, changing saturation controls vividness, and changing lightness controls brightness. HSL is the most human-friendly format for creating color palettes and design systems.

Question 5

How to convert HEX to RGB

Accepted Answer

Paste a HEX color value (e.g. #3b82f6) into the HEX field and the RGB and HSL equivalents update instantly. You can also type RGB or HSL values directly — all three fields stay in sync. Click any Copy button to copy the value to your clipboard.

Конвертер цветов

Форматы цветов

HEX, RGB, HSL

Палитра

Конфиденциальность