Español
العربية
Deutsch
English
Français
Italiano
Português
Русский
Türkçe
Tiếng Việt
Conversor de HEX a RGB
Transforma cualquier código hexadecimal en canales rojo, verde y azul.
Un código hexadecimal como #3A7F5E define un color digital mediante tres pares de caracteres. Cada pareja señala una intensidad de 0 a 255 para el rojo, el verde y el azul. Convertir HEX a RGB te permite obtener canales numéricos independientes cuando tu entorno de desarrollo o software gráfico requiere dicha sintaxis.
Mecánica matemática de la conversión
Una clave hexadecimal consta de 6 caracteres agrupados en parejas: las posiciones 1–2 corresponden al rojo, 3–4 al verde y 5–6 al azul. Cada par abarca desde 00 (0 decimal) hasta FF (255 decimal). Para hallar el valor en base 10, multiplicas el primer dígito por 16 y sumas el segundo. Por ejemplo, en el par CF, la C vale 12 y la F vale 15, de modo que 12 × 16 + 15 da 207.
El resultado produce tres enteros entre 0 y 255, o bien porcentajes de 0 a 100 %. CSS admite ambos formatos, y el conversor calcula las dos variantes al instante para que las pegues en tu código.
Equivalencias habituales en desarrollo web
| Código HEX | Canales RGB | Tono resultante |
|---|---|---|
| #FFFFFF | rgb(255, 255, 255) | Blanco puro |
| #000000 | rgb(0, 0, 0) | Negro absoluto |
| #FF0000 | rgb(255, 0, 0) | Rojo primario |
| #00FF00 | rgb(0, 255, 0) | Verde primario |
| #0000FF | rgb(0, 0, 255) | Azul primario |
Aspectos clave del formato RGB
- La notación corta de tres caracteres como
#F0Ase expande a#FF00AAduplicando cada símbolo. - Cada canal numérico define una intensidad de luz dentro del rango de 0 a 255.
- CSS procesa indistintamente cifras decimales o valores relativos de 0 a 100 %.
- Un código extendido de 8 caracteres añade dos posiciones para regular el canal alfa.
- La correspondencia entre ambas escalas es exacta y carece de errores de redondeo.
Conceptos de color y modelos numéricos
- Canal alfa — Nivel de opacidad de un color, donde 0 representa transparencia absoluta y 255 opacidad total.
- Base decimal — Sistema numérico en base 10 empleado en RGB con intensidades de 0 a 255 por canal.
- Base hexadecimal — Sistema posicional en base 16 que utiliza cifras y letras hasta la F para representar bytes.
- Notación abreviada — Formato de tres caracteres donde cada dígito se duplica para formar la secuencia entera.
- Espacio cromático — Modelo matemático que define la gama de tonos obtenida al combinar luces primarias sobre una pantalla.
Preguntas sobre conversión de color
¿Se pierde precisión al transformar HEX en RGB?
No existe ninguna pérdida cromática. Ambos formatos describen el mismo modelo aditivo. Solo cambia la representación numérica de base 16 a base 10, manteniendo idéntico el tono visual.
¿Afecta escribir las letras en mayúsculas o minúsculas?
No influye en absoluto. La notación hexadecimal no distingue entre mayúsculas y minúsculas; ambas opciones generan exactamente los mismos valores RGB.
¿Por qué ciertas herramientas solicitan RGB en lugar de HEX?
Muchas aplicaciones de diseño y motores gráficos manipulan cada canal por separado para aplicar filtros o sombreados, lo que resulta más directo con valores numéricos independientes.
¿Qué ocurre si introduces un carácter no admitido?
La sintaxis hexadecimal solo admite dígitos y letras hasta la F. Si incluyes cualquier otro símbolo, la herramienta detecta el fallo sintáctico para que revises el código.
¿Cuándo conviene utilizar porcentajes en lugar de enteros?
Los porcentajes de 0 a 100 % resultan útiles si calculas transiciones relativas en CSS, aunque la escala de 0 a 255 sigue siendo la opción mayoritaria en desarrollo.
