Question 1

Formatos de color

Accepted Answer

Los colores web se pueden expresar en varios formatos. HEX, RGB y HSL son los tres formatos más comunes en CSS y herramientas de diseño. Cada uno representa el mismo color de forma diferente, y convertir entre ellos es esencial en el desarrollo front-end.

Question 2

HEX, RGB, HSL

Accepted Answer

HEX (#rrggbb) codifica los canales rojo, verde y azul como dos dígitos hexadecimales cada uno (00–ff), p. ej. #3b82f6. RGB (rgb(r, g, b)) expresa cada canal como un entero de 0 a 255, p. ej. rgb(59, 130, 246). HSL (hsl(h, s%, l%)) usa tono (0–360°), saturación (0–100%) y luminosidad (0–100%) — un modelo más intuitivo para ajustar colores, p. ej. hsl(217, 91%, 60%).

Question 3

Selector de color

Accepted Answer

Haz clic en la muestra de color de arriba para abrir el selector de color nativo del navegador. Al seleccionar un color, todos los campos de formato se actualizarán automáticamente.

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 Colores

Formatos de color

HEX, RGB, HSL

Selector de color

Privacidad