Convertidor de HEX a RGB
Convierte un código de color hex en valores RGB.
Funciona en tu navegador. Nada de lo que escribes se envía a ningún sitio.
- 3, 4, 6 u 8 dígitos
- También RGBA y HSL
- Copiar con un clic
Cómo convertir HEX a RGB
- Escribe o pega un código hex, con o sin el #.
- Los valores RGB, RGBA y HSL se actualizan mientras escribes.
- Haz clic en el botón de copiar junto al valor que necesites.
Ejemplos de HEX a RGB
| Hex | RGB | Nota |
|---|---|---|
| #FF8800 | rgb(255, 136, 0) | Hex estándar de 6 dígitos |
| #F80 | rgb(255, 136, 0) | Forma abreviada de 3 dígitos, mismo color |
| #000000 | rgb(0, 0, 0) | Negro |
| #FFFFFF | rgb(255, 255, 255) | Blanco |
| #FF880080 | rgba(255, 136, 0, 0.5) | Hex de 8 dígitos con alfa |
Una forma abreviada y su versión completa siempre se decodifican exactamente en el mismo color, ya que cada dígito abreviado simplemente se duplica.
De dónde vienen los códigos hex
Herramientas de diseño como Figma y Photoshop, y las DevTools de cualquier navegador, muestran un color en hex por defecto, ya que es la forma más corta de escribir un color exacto como texto.
El hex forma parte de la web desde los primeros atributos de color de HTML en los años 90, mucho antes de que existieran las funciones CSS rgb() y hsl(). Esa historia explica por qué el hex sigue siendo el formato con el que empiezan la mayoría de las guías de estilo.
Errores comunes con los códigos hex
- Un código hex necesita 3, 4, 6 u 8 dígitos. Una longitud de 5 o 7 no es válida y no se convertirá.
- Algunas API de Windows antiguas guardan los colores como BGR en lugar de RGB, así que un código copiado de código heredado puede tener el rojo y el azul intercambiados.
- Los dos últimos dígitos de un código de 8 dígitos son el alfa, no un cuarto canal de color, así que #FF880000 es totalmente transparente, no un naranja más oscuro.
Preguntas frecuentes sobre HEX a RGB
¿Cómo convierto HEX a RGB a mano?
Divide el código en tres pares y convierte cada par de base 16 a base 10. Para #F08A3C eso da F0 = 240, 8A = 138 y 3C = 60, así que rgb(240, 138, 60).
¿Qué es un código hex de 3 dígitos?
Una forma abreviada donde cada dígito se duplica. #F80 es el mismo color que #FF8800, y #000 es negro.
¿Qué significan los dos últimos dígitos de un código hex de 8 dígitos?
Son el alfa, u opacidad. #FF880080 es naranja a unos 50 por ciento de opacidad, lo mismo que rgba(255, 136, 0, 0.5).
¿El código necesita un # al principio?
No. El convertidor acepta códigos con o sin el #, en mayúsculas o minúsculas.
¿Por qué mi código hex aparece como no válido?
Un código hex debe tener exactamente 3, 4, 6 u 8 dígitos, usando 0-9 y A-F. Una longitud como 5 o 7, o un carácter fuera de ese rango, no se convertirá.
¿Puedo pegar una variable CSS como var(--brand)?
No, pega el valor de color literal. Busca primero a qué se resuelve la variable, por ejemplo en el panel de estilos calculados de las DevTools de tu navegador.
¿Cuál es el código hex más corto posible?
3 dígitos, como #000 para negro o #fff para blanco. Cada dígito representa un par duplicado en el valor completo de 6 dígitos.