Aquí aparecerá tu resultado
Rellena los campos y pulsa Calcular.
Los colores en la web se escriben de varias formas: HEX (#0C6B5E), RGB (rgb(12, 107, 94)) y HSL. Este conversor toma un código HEX y te da sus equivalentes en RGB y HSL, útil para diseño, CSS y edición gráfica.
Conversor de Color HEX a RGB: ejemplo resuelto paso a paso
- Código HEX
- #2ECC71
- 1
Normaliza el código HEX
Quita #, expande la forma corta de 3/4 dígitos (#1AF → #11AAFF, #1AF8 → #11AAFF88), mayúsculas
= #2ECC71
- 2
Hexadecimal a decimal: R, G, B
Cada par = 16 × primero + segundo (0–255)
2E → 46 · CC → 204 · 71 → 113 = rgb(46, 204, 113)
- 3
Luminosidad (L)
r, g, b = valor ÷ 255 · L = (máx + mín) ÷ 2
(0,8 + 0,18) ÷ 2 = 49 %
- 4
Saturación (S)
d = máx − mín · S = d ÷ (2 − máx − mín) si L > 0,5; si no, d ÷ (máx + mín)
0,62 ÷ (0,8 + 0,18) = 63 %
- 5
Tono (H) y HSL
Si R es el mayor H = 60 × ((g − b) ÷ d); si G, 60 × ((b − r) ÷ d + 2); si B, 60 × ((r − g) ÷ d + 4)
H = 145,4° = hsl(145, 63%, 49%)
- Rojo (R)46
- Verde (G)204
- Azul (B)113
Conviene saber: HEX y RGB son dos formas de escribir el mismo color; HSL separa tono, saturación y luminosidad, lo que facilita crear variantes más claras u oscuras. El redondeo puede dar ±1 al volver a convertir. En un código de 8 dígitos (#RRGGBBAA) el último par es el canal alfa: 80 ≈ 50 % de opacidad.
Conversor de Color HEX a RGB: cómo funciona
Los formatos de color
| Formato | Ejemplo | Uso |
|---|---|---|
| HEX | #0C6B5E | Web, CSS |
| RGB | rgb(12, 107, 94) | Pantallas, CSS |
| HSL | hsl(169, 80%, 23%) | Ajuste de tono/saturación |
Cómo funciona
Un código HEX codifica los canales rojo, verde y azul en dos dígitos hexadecimales cada uno (00-FF, es decir, 0-255). RGB los muestra como números decimales, y HSL los reexpresa como tono, saturación y luminosidad, más intuitivo para elegir variantes de un color.
Ejemplo resuelto
El color #0C6B5E equivale a rgb(12, 107, 94) —12 de rojo, 107 de verde, 94 de azul— y a hsl(169, 80%, 23%), un verde azulado oscuro. Cambiar la luminosidad en HSL es la forma más fácil de obtener un tono más claro o más oscuro del mismo color.
Preguntas frecuentes
¿Cómo se convierte HEX a RGB?+
Cada par de dígitos hexadecimales de un código HEX es un canal (rojo, verde, azul) en base 16. #0C es 12, #6B es 107 y #5E es 94, así que #0C6B5E es rgb(12, 107, 94).
¿Qué es un código HEX?+
Una forma de escribir un color con seis dígitos hexadecimales precedidos de #: dos para el rojo, dos para el verde y dos para el azul, cada uno de 00 a FF (0 a 255).
¿Qué es el formato HSL?+
Representa el color por su tono (0-360°), saturación (%) y luminosidad (%). Es útil para crear variantes más claras u oscuras de un mismo color ajustando la luminosidad.
¿Acepta HEX de 3 dígitos?+
Sí. Un HEX corto como #0C6 es la forma abreviada de #00CC66, donde cada dígito se duplica. La herramienta admite ambos, y también los códigos con transparencia de 4 (#RGBA) y 8 dígitos (#RRGGBBAA): el último par es el canal alfa, que se muestra de 0 a 1 y como porcentaje de opacidad (80 = 128 ÷ 255 = 0,502, un 50,2 %).
¿Para qué sirve este conversor?+
Para diseño web y CSS, edición de imágenes y sistemas de diseño: pasar un color entre HEX, RGB y HSL según lo que necesite cada herramienta.
Sobre esta página
- Editor:
- Kalkoro — Teknolojig Bilişim Teknolojileri A.Ş., İstanbul
- Elaborado por:
- Ahmet Tur — Responsable editorial (Matemáticas, fechas y tiempo, conversión de unidades, física y química, herramientas cotidianas)
- Revisado por:
- Kübra Yıldız — Responsable editorial
Los parámetros proceden de fuentes oficiales; la fecha de la última actualización aparece al final de la página.
¿Has visto un resultado incorrecto? Usa el botón "Informar de un error" en la parte superior; revisamos cada aviso.
Cómo calculamos y nuestra política de precisión →
Los resultados son informativos. En trámites oficiales prevalece el cálculo del organismo competente.
Última actualización: