Conversor HEX a RGB

Convierte cualquier código HEX a RGB, HSL y HSV al instante. Copia los valores con un clic para CSS, herramientas de diseño o cualquier flujo creativo.

RGB · HSL · HSVCopia en 1 clicCSS-ready

① Ingresa un código HEX o elige un color ② Convierte para obtener RGB, HSL y HSV ③ Haz clic en un valor para copiarlo

Color HEX

Presets:

Cómo funciona

Pega cualquier código HEX de 6 dígitos (ej. #FF4500) y obtén al instante los valores RGB, HSL y HSV equivalentes. Haz clic en cualquier resultado para copiarlo.

RGB

Rojo, Verde, Azul — el modelo de color estándar para pantallas. Cada canal va de 0 a 255. Se usa de forma nativa en CSS con rgb().

HSL & HSV

HSL (Tono, Saturación, Luminosidad) y HSV (Tono, Saturación, Valor) describen los colores de forma más intuitiva, cercana a la percepción humana.

HEX a RGB, HSL y HSV — cómo funciona la conversión

Los códigos HEX son la representación hexadecimal de los tres canales RGB (Rojo, Verde, Azul). #FF4500 equivale a R=255, G=69, B=0. La función CSS rgb() es el formato más utilizado en hojas de estilo y sistemas de diseño. HSL añade el Tono 0–360°, saturación y luminosidad en porcentaje. HSV usa Valor en lugar de Luminosidad, más natural para la mezcla visual en Figma, Adobe y otras herramientas. Los tres formatos son usables directamente en CSS, SVG y canvas.

Preguntas frecuentes

Un código HEX es una representación de 6 caracteres con prefijo #. Los primeros 2 son Rojo, los siguientes 2 Verde y los últimos 2 Azul, de 00 (0) a FF (255). #FF0000 es rojo puro: R=255, G=0, B=0.

Divide los 6 caracteres en tres pares y convierte cada uno de base 16 a base 10. FF se convierte en 255, 80 en 128, 00 en 0. El resultado es un triplete rgb(R, G, B).

Ambos usan Tono (0–360°) y Saturación, pero difieren en el tercer componente. HSL: Luminosidad 0%=negro, 100%=blanco, 50%=color puro. HSV: Valor 0%=negro, 100%=máximo brillo. HSL se usa en CSS; HSV en la mayoría de selectores de color gráficos.

CSS soporta rgb() y hsl() de forma nativa. rgb() es el más usado. hsl() es ideal para variaciones sistemáticas de color. HSV no está soportado nativamente en CSS pero lo usan Figma y Sketch internamente.

Sí, HEX ↔ RGB es matemáticamente exacto y reversible. La conversión a HSL y HSV introduce redondeos a grados enteros, pero es precisa para uso práctico.

Puedes usar rgb() o hsl() en CSS, introducir valores R/G/B en Figma, usar HSV para escalas de colores uniformes, o continuar con el generador de paletas o tint & shade.

Convierte cualquier código HEX de 6 dígitos válido (#000000 a #FFFFFF), cubriendo los más de 16 millones de colores del modelo RGB de 8 bits. La conversión se realiza en el navegador sin enviar datos externos.

HEX a RGB, HSL y HSV — cómo funciona la conversión

Preguntas frecuentes

Explora nuestra red