Cómo convertir HEX a RGB online
- Escribe o pega un código de color HEX (como
#FF5733oFF5733) en el campo HEX. - HEX a RGB lo valida al instante y muestra los valores RGB, RGBA, HSL, HSV y CMYK junto con una muestra de vista previa en vivo.
- Haz clic en cualquier valor, o usa Copiar HEX, Copiar RGB o Copiar CSS, para copiarlo al portapapeles.
- Para hacerlo al revés (RGB a HEX), arrastra los controles R, G, B y Alfa o escribe números: el código HEX se actualiza en tiempo real.
La fórmula de HEX a RGB
Un código HEX de 6 dígitos son tres pares de dígitos hexadecimales: #RRGGBB. Cada par es un número en base 16 que va de 00 (0) a FF (255). Convierte cada par a decimal:
/* #FF5733 */
R = FF₁₆ = 15×16 + 15 = 255
G = 57₁₆ = 5×16 + 7 = 87
B = 33₁₆ = 3×16 + 3 = 51
→ rgb(255, 87, 51)En JavaScript es simplemente parseInt("FF", 16). Para lo contrario, de RGB a HEX, usa n.toString(16).padStart(2, "0") en cada canal.
HEX, RGB o HSL: ¿qué formato de color deberías usar?
| Formato | Ejemplo | Ideal para |
|---|---|---|
| HEX | #FF5733 | Códigos compactos para herramientas de diseño, guías de marca y CSS |
| HEX8 | #FF573380 | HEX con transparencia (alfa) |
| RGB / RGBA | rgba(255, 87, 51, 0.5) | Canales legibles, JS/canvas, control de opacidad |
| HSL | hsl(11, 100%, 60%) | Crear temas, tintes y sombras |
| HSV / HSB | hsv(11, 80%, 100%) | Selectores de color en Photoshop, Figma y Sketch |
Cómo funciona la transparencia alfa (RGBA y HEX de 8 dígitos)
El canal alfa define la opacidad desde 0 (invisible) hasta 1 (sólido). En HEX de 8 dígitos, el último par guarda el alfa en una escala de 0–255: 80 ≈ 50%, CC = 80%, FF = 100%. Usa el control Alfa de arriba para generar rgba() y #RRGGBBAA a la vez: el patrón de cuadros detrás de la muestra indica exactamente lo transparente que es tu color.
Preguntas frecuentes
¿Cómo convierto códigos de color HEX a RGB?
Divide el código HEX de 6 dígitos en tres pares (RR, GG, BB) y convierte cada par de base 16 a base 10. Por ejemplo, #FF5733 queda en FF=255, 57=87, 33=51, así que el valor RGB es rgb(255, 87, 51). Con HEX a RGB solo tienes que pegar el código HEX y los valores RGB, RGBA, HSL y HSV aparecen al instante.
¿Cuál es la diferencia entre los formatos de color HEX y RGB?
HEX y RGB describen exactamente los mismos colores con los mismos canales rojo, verde y azul. HEX escribe cada canal como un número hexadecimal de dos dígitos (00–FF) en una cadena compacta como #FF5733, mientras que RGB escribe cada canal como un número decimal de 0 a 255, como rgb(255, 87, 51). HEX es compacto y popular en las herramientas de diseño; RGB es más fácil de leer y ajustar a mano.
¿Cómo funciona la opacidad alfa de RGBA en el diseño web?
RGBA añade un cuarto canal alfa que controla la opacidad de 0 (totalmente transparente) a 1 (totalmente opaco). Por ejemplo, rgba(255, 87, 51, 0.5) es transparente al 50% y deja ver el fondo. La misma opacidad se puede escribir como un código HEX de 8 dígitos en el que los dos últimos dígitos son el alfa, p. ej. #FF573380.
¿Qué significan los códigos HEX de 3 y 8 dígitos?
Un código HEX de 3 dígitos es una forma abreviada en la que cada dígito se duplica, así que #FFF equivale a #FFFFFF y #F53 equivale a #FF5533. Un código HEX de 8 dígitos (#RRGGBBAA) añade dos dígitos para la transparencia alfa, así que #FF5733CC es lo mismo que rgba(255, 87, 51, 0.8). HEX a RGB también acepta la forma abreviada de 4 dígitos (#RGBA).
¿Cómo convierto RGB a HEX?
Convierte cada canal RGB (0–255) en un número hexadecimal de dos dígitos y únelos con un # delante. Por ejemplo, rgb(255, 87, 51) queda en FF, 57 y 33, lo que da #FF5733. En HEX a RGB, escribe valores en los campos R, G, B y Alfa y el código HEX se actualiza en tiempo real.
¿Cuál es una buena relación de contraste WCAG para el texto?
WCAG 2.x exige una relación de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande para cumplir el nivel AA, y 7:1 para texto normal y 4.5:1 para texto grande para cumplir el nivel AAA. HEX a RGB muestra la relación de contraste de tu color sobre fondos blancos y oscuros con etiquetas de aprobado o no aprobado.
¿HEX a RGB es gratis y privado?
Sí. HEX a RGB es 100% gratis y sin registro. Toda la conversión de colores se ejecuta localmente en tu navegador con JavaScript: no se sube ni se envía nada a un servidor.
¿Todas las herramientas de FreeToolCabin se prueban para garantizar su calidad y precisión?
¡Sí! Cada herramienta de nuestro sitio pasa pruebas automáticas de control de calidad en navegadores reales para garantizar una alta precisión, resultados correctos y cero errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y nuestro equipo lo revisará enseguida.