Conversor de HEX a RGB
Convierte un código de color hex a valores RGB y RGBA con una muestra de previsualización. Admite códigos de 3, 4, 6 y 8 dígitos como #3B82F6 o #3B82F680.
Color hexadecimal
Valores RGB y RGBA
Introduce un color para ver el resultado.
¿Qué es un código de color hex?
Un código hex escribe los canales rojo, verde y azul con dos dígitos hexadecimales cada uno, así que #3B82F6 significa rojo 3B, verde 82 y azul F6. El sistema hexadecimal es base 16, por eso cada canal va de 00 a FF, el equivalente de 0 a 255.
CSS también admite códigos de cuatro y ocho dígitos: el par extra es el canal alfa, así que #3B82F680 es el mismo azul con un 50% de opacidad. El atajo de tres y cuatro dígitos, como #abc, duplica cada dígito y da #aabbcc.
Cómo convertir hex a RGB
- Pega un código hex, con o sin el símbolo #.
- Pulsa Convertir a RGB.
- Lee los valores de rojo, verde y azul en el panel de resultados, más el canal alfa si el código lo incluye.
- Copia el valor rgb() o rgba() con los botones, o toma los números de cada tarjeta.
Ejemplos de hex a RGB
Azul estándar de seis dígitos
#3B82F6
rgb(59, 130, 246)
Blanco abreviado de tres dígitos
#FFF
rgb(255, 255, 255)
Azul de ocho dígitos con alfa
#3B82F680
rgba(59, 130, 246, 0.5)
UrsaKit frente a otros conversores hex a RGB
| Criterio | UrsaKit | rgbtohex.net | HTML Color Codes |
|---|---|---|---|
| Precio | Gratis | Gratis | Gratis con anuncios |
| Muestra de color | Sí | Sí | Sí |
| Canal alfa | Sí, 4 y 8 dígitos | Parcial | Sí |
| Copiar valores sueltos | Sí | No | Parcial |
| Otros modelos de color | Herramientas aparte | No | RGB, HSL, CMYK |
| Sube tu color | No | No | No |
Preguntas frecuentes
¿Acepta códigos hex sin #?
Sí. Tanto 3B82F6 como #3B82F6 funcionan, y la salida normalizada vuelve a incluir el #.
¿Cuál es la diferencia entre rgb() y rgba()?
rgb() usa tres canales y es totalmente opaco. rgba() añade un cuarto valor alfa entre 0 y 1, que se usa cuando el código hex tiene cuatro u ocho dígitos.
¿Cómo funcionan los códigos de 3 y 4 dígitos?
Cada dígito se duplica, así que #abc pasa a #aabbcc y #abcd a #aabbccdd. Es el atajo de CSS para colores en los que coinciden los dos dígitos de cada canal.
¿Qué significan los números RGB?
Cada canal es un valor de 0 a 255: 0 significa nada de esa luz y 255 el canal completo. La mezcla de los tres produce el color final.
¿Se envía mi color a un servidor?
No. La conversión se ejecuta en tu navegador con JavaScript, así que no se sube nada.
¿Puedo convertir al contrario, de RGB a hex?
Sí. Usa la herramienta RGB a HEX enlazada más abajo para pasar de valores rgb() o rgba() a un código hex.