What is a HEX color code?

A HEX color code is a six-digit (or three-digit shorthand) hexadecimal number used in web design and CSS to represent colors. For example, #FF5733 represents a red-orange color.

How do I convert HEX to RGB?

Split the six-digit hex code into three pairs (RR, GG, BB) and convert each pair from hexadecimal to decimal. For example, #FF5733 becomes R=255, G=87, B=51.

Do I need to include the # symbol?

No. This converter accepts hex codes with or without the leading # symbol. Both FF5733 and #FF5733 will produce the same result.

What is the difference between RGB and HSL?

RGB defines colors by Red, Green, and Blue channel intensity (0-255). HSL defines colors by Hue (0-360 degrees), Saturation (0-100%), and Lightness (0-100%). HSL is often more intuitive for humans to work with.

← Volver a las herramientas

Conversor de Hex a RGB

Introduce un código de color HEX para ver al instante los valores RGB y HSL con vista previa en vivo. Funciona con o sin el carácter #.

Código de color HEX

Valores convertidos

HEX#6366F1

RGBrgb(99, 102, 241)

Rojo99

Verde102

Azul241

HSLhsl(239, 84%, 67%)

CSScolor: #6366F1;

Sobre la conversión de Hex a RGB

🎨 ¿Qué es HEX?

Los códigos de color HEX usan un número hexadecimal de seis dígitos para representar colores en el diseño web. El formato es #RRGGBB, donde cada par indica la intensidad de rojo, verde y azul.

📐 ¿Qué es RGB?

RGB define los colores mediante tres canales — rojo, verde y azul —, cada uno con un valor de 0 a 255. Se usa con frecuencia en CSS, software de diseño y en pantallas.

🔄 Compatibilidad con formato corto

Esta herramienta entiende formas cortas de 3 dígitos como #F00 (equivale a #FF0000) y códigos de 6 dígitos. El carácter # es opcional.

⚡ Al instante y gratis

Sin registro, sin subidas, sin peticiones al servidor. Las conversiones ocurren al instante en tu navegador mientras escribes.

Preguntas frecuentes

¿Qué es un código de color HEX?+

Un código de color HEX es un número hexadecimal de seis dígitos (o tres dígitos en forma corta) que representa colores en el diseño web y en CSS. Por ejemplo, #FF5733 representa un rojo anaranjado.

¿Cómo convierto HEX a RGB?+

Divide el código HEX de seis dígitos en tres pares (RR, GG, BB) y convierte cada par de hexadecimal a decimal. Ejemplo: #FF5733 da R=255, G=87, B=51.

¿Tengo que incluir el carácter #?+

No. Este conversor acepta códigos HEX con o sin el # inicial. FF5733 y #FF5733 dan el mismo resultado.

¿Cuál es la diferencia entre RGB y HSL?+

RGB define los colores mediante la intensidad de los canales rojo, verde y azul (0–255). HSL define los colores mediante Hue (tono, 0–360°), Saturation (saturación, 0–100 %) y Lightness (luminosidad, 0–100 %). HSL suele ser más intuitivo para las personas.

Más información

ScreenSnap Pro — turn plain screenshots into polished visuals with backgrounds and annotations

Disponible paramacOS&Windows

Haz que cada captura parezca profesional.

ScreenSnap Pro convierte capturas sencillas en imágenes pulidas — fondos, anotaciones, grabación de GIF y enlaces a la nube al instante.

Descubre ScreenSnap Pro

Herramientas relacionadas

RGB a Hex

Convertir RGB a HEX

Selector de color

Elegir de una imagen

Verificador de contraste

Conformidad con WCAG 2.1