Question 1

Formatos de cor

Accepted Answer

As cores web podem ser expressas em vários formatos. HEX, RGB e HSL são os três formatos mais comuns usados em CSS e ferramentas de design. Cada um representa a mesma cor de forma diferente, e a conversão entre eles é essencial no desenvolvimento front-end.

Question 2

HEX, RGB, HSL

Accepted Answer

HEX (#rrggbb) codifica os canais vermelho, verde e azul como dois dígitos hexadecimais cada (00–ff), ex. #3b82f6. RGB (rgb(r, g, b)) expressa cada canal como um inteiro de 0 a 255, ex. rgb(59, 130, 246). HSL (hsl(h, s%, l%)) usa matiz (0–360°), saturação (0–100%) e luminosidade (0–100%) — um modelo mais intuitivo para ajustar cores, ex. hsl(217, 91%, 60%).

Question 3

Seletor de cor

Accepted Answer

Clique na amostra de cor acima para abrir o seletor de cor nativo do navegador. Ao selecionar uma cor, todos os campos de formato serão atualizados automaticamente.

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.

Conversor de Cores

Formatos de cor

HEX, RGB, HSL

Seletor de cor

Privacidade