Convertidor de Hex a RGB
Convierte códigos de color hexadecimales a valores RGB al instante con vista previa en vivo. Herramienta online gratuita y precisa para diseño web y CSS.
¿Cómo convertir Hex a RGB?
Los códigos de color hexadecimales son códigos de 6 dígitos que representan colores en la web. Los dos primeros dígitos son rojo, los dos del medio verde y los dos últimos azul. Cada par es un número hexadecimal (base 16) de 00 a FF.
Para convertir Hex a RGB:
1. Toma los dos primeros dígitos y convértelos a decimal (0-255) para Rojo
2. Toma los dos dígitos del medio y convértelos a decimal para Verde
3. Toma los dos últimos dígitos y convértelos a decimal para Azul
Ejemplo: #FF5733
- Rojo: FF = 255
- Verde: 57 = 87
- Azul: 33 = 51
Resultado: RGB(255, 87, 51)
¿Qué es un código de color hexadecimal?
Es un código de 6 caracteres usado en HTML, CSS y diseño para representar colores. Empieza con # seguido de 6 dígitos hexadecimales (0-9, A-F). El formato es #RRGGBB, donde RR es rojo, GG verde y BB azul. Por ejemplo, #FF0000 representa rojo puro.
¿Por qué usar hexadecimal para colores?
La notación hexadecimal es compacta y eficiente para la web. Representa 256 valores (0-255) con solo 2 caracteres por canal, haciendo los códigos más cortos y fáciles de compartir. Es el formato estándar en CSS, HTML y la mayoría de herramientas de diseño.
¿Diferencia entre códigos hex de 3 y 6 dígitos?
Los códigos de 3 dígitos (#RGB) son una abreviatura de los de 6 dígitos donde cada dígito se duplica. Por ejemplo, #F00 equivale a #FF0000 y #ABC a #AABBCC. Son útiles para colores simples, pero no ofrecen el rango completo de 16,7 millones de colores.
¿Cuántos colores puede representar el hex?
Los códigos hexadecimales de 6 dígitos pueden representar 16.777.216 colores (256 × 256 × 256). Cada canal de color (Rojo, Verde, Azul) tiene 256 valores posibles (00-FF en hex, 0-255 en decimal), suficiente profundidad para la mayoría de aplicaciones digitales.
Conversiones Hex a RGB comunes
| Vista previa | Color | Hex | RGB |
|---|---|---|---|
| Negro | #000000 | (0, 0, 0) | |
| Blanco | #FFFFFF | (255, 255, 255) | |
| Rojo | #FF0000 | (255, 0, 0) | |
| Lima | #00FF00 | (0, 255, 0) | |
| Azul | #0000FF | (0, 0, 255) | |
| Amarillo | #FFFF00 | (255, 255, 0) | |
| Cian | #00FFFF | (0, 255, 255) | |
| Magenta | #FF00FF | (255, 0, 255) | |
| Plata | #C0C0C0 | (192, 192, 192) | |
| Gris | #808080 | (128, 128, 128) | |
| Granate | #800000 | (128, 0, 0) | |
| Oliva | #808000 | (128, 128, 0) | |
| Verde | #008000 | (0, 128, 0) | |
| Púrpura | #800080 | (128, 0, 128) | |
| Verde azulado | #008080 | (0, 128, 128) | |
| Azul marino | #000080 | (0, 0, 128) |