Toolzi LogoToolzi

Conversor HEX a RGB

Convierte códigos de color HEX, RGB y HSL al instante.

Vista previa del color
HEX
RGB
HSL

¿Qué son HEX, RGB y HSL?

HEX, RGB y HSL son tres formas comunes de representar colores en el desarrollo web. HEX usa un código hexadecimal de 6 dígitos, RGB usa valores rojo/verde/azul (0–255) y HSL usa tono (0–360°), saturación y luminosidad (0–100%).

HEX vs RGB vs HSL — ¿Cuándo usar cada uno?

HEX

Formato más compacto. Usado en CSS para colores estáticos y herramientas de diseño. Ejemplo: #ff5733

RGB

Útil cuando necesitas controlar la opacidad con rgba(). Se corresponde directamente con los canales de color de pantalla. Ejemplo: rgb(255, 87, 51)

HSL

Formato más intuitivo para los humanos. Fácil de ajustar brillo o saturación mediante código. Ideal para sistemas de temas. Ejemplo: hsl(11, 100%, 60%)

Cómo convertir códigos de color

Haz clic en el selector de color o escribe directamente en los campos HEX, RGB o HSL. Los demás formatos se actualizan al instante. Usa los botones Copiar para copiar cada formato al portapapeles.

Preguntas frecuentes

¿Qué es un código de color HEX?
Un código HEX es un número hexadecimal de 6 dígitos (ej. #ff5733) que representa los componentes rojo, verde y azul de un color, cada uno entre 00 y ff.
¿Cómo convierto HEX a RGB?
Divide el HEX en tres pares de 2 dígitos y convierte cada uno de base 16 a base 10. Ejemplo: #ff5733 → R:255, G:87, B:51.
¿Qué es el color HSL?
HSL son las siglas de Tono (Hue, 0–360°), Saturación (0–100%) y Luminosidad (0–100%). Es un formato más intuitivo para los humanos.
¿Qué formato de color debo usar en CSS?
Los tres son válidos en CSS. HEX para colores estáticos, HSL para temas y RGB cuando necesitas rgba() para opacidad.
¿Puedo convertir un código HEX de 3 dígitos?
Sí. Un HEX de 3 dígitos (ej. #f53) es la abreviatura de #ff5533. Cada dígito se duplica para obtener el valor completo.
¿Por qué el tono HSL muestra 0 en colores grises?
Los colores grises tienen 0% de saturación, por lo que el tono no tiene significado y muestra 0 por defecto. Es un comportamiento esperado.
¿Es preciso este conversor de colores?
Sí. Las conversiones usan fórmulas matemáticas estándar y son precisas para todas las entradas de color válidas.

Herramientas relacionadas

Color Extractor →CSS Gradient Generator →