Convertidor HEX a RGB

Cómo usar HEX a RGB

Introduce HEX
Escribe un HEX (p. ej. #FF0000) o usa el selector.
Ve RGB
R, G y B (0–255) se calculan y muestran solos.
Copia
Copia cada canal o la cadena rgb() completa.

¿Por qué HEX a RGB?

Para APIs, scripts y herramientas que trabajan con canales numéricos.

Ventajas de RGB

Web: rgb() en CSS y JS
Control: canales por separado
Software: compatible con diseño
Ajuste: editar R, G o B solo
Soporte: muy extendido

HEX frente a RGB

Misma información, distinta notación.

HEX

Notación hexadecimal
Compacto para CSS
Formato #RRGGBB
Muy usado en web
Fácil de compartir

RGB

Tres canales 0–255
Control directo por canal
Estándar en pantalla
Común en diseño digital
Ampliamente soportado

Todos los formatos hex que lee esta página

Los códigos hex aparecen en más formas de las que aceptan la mayoría de convertidores. Este los admite todos, con o sin almohadilla inicial, y en cualquier mezcla de mayúsculas y minúsculas.

#RGB y #RRGGBB — La forma de tres dígitos duplica cada dígito, así que #ABC significa #AABBCC. No puede expresar un canal cuyos dos dígitos difieren.
#RGBA y #RRGGBBAA — Un cuarto canal para la opacidad. #ABCD es #AABBCCDD, y el byte alfa pasa a 0-1 en términos CSS: DD es 0,867, no 221.
Los códigos de otra longitud se rechazan — #fffff tiene cinco dígitos y no es un color. Leerlo como los primeros tres o seis convertiría en silencio algo que nadie escribió.
Los caracteres no hexadecimales se señalan, no se ignoran — #gggggg falla con un mensaje que indica qué carácter no es un dígito hexadecimal, en vez de recurrir al negro.

Cuándo convertir

Cuando el destino espera RGB o necesitas ajustar canales.

Casos de uso

CSS/JS: valores numéricos
Apps de diseño: entrada RGB
Código: manipular canales
Proyectos digitales: coherencia RGB
Programación: Usa valores RGB en código y scripts

Datos

Referencias rápidas.

Puntos clave

HEX codifica los mismos 24 bits que RGB
Cada par hex es un canal de 8 bits
Los tres canales van de 0 a 255
HEX suele ser más corto en hojas de estilo
Ambos formatos representan la misma información de color

Buenas prácticas

Antes de pasar a producción.

Calidad

Valida el HEX (longitud y caracteres)
Comprueba el RGB resultante
Prueba en el medio final
Prueba los colores en la aplicación de destino
Ten en cuenta el espacio de color y los límites de gama

Cuándo no

Si CSS puede quedarse en HEX
Si no necesitas canales separados
Evita convertir si no necesitas compatibilidad de formato
No conviertas para aplicaciones que ya admiten HEX

Límites

Requiere dispositivo moderno y JavaScript.

Impulsado por algoritmos optimizados de procesamiento de imagen.

Los demás convertidores de color

Preguntas frecuentes

¿Cómo funciona el convertidor de HEX a RGB?

Escribe un código HEX como #FF0000 o elige un color visualmente, y la herramienta separa el hex en sus canales rojo, verde y azul. Cada par de dígitos hexadecimales se convierte en un valor decimal de 0 a 255, y el resultado RGB y una vista previa en vivo se actualizan al instante mientras escribes.

¿Qué formatos HEX admite?

Acepta códigos hex estándar de 6 dígitos como #FF5733, con o sin el símbolo # inicial, para que pegues valores directamente desde CSS o una herramienta de diseño. También reconoce muchos códigos abreviados de 3 dígitos como #F53 y los expande a su forma completa de 6 dígitos antes de convertir.

¿La conversión de HEX a RGB es exacta y sin pérdida?

Sí. HEX y RGB son dos notaciones del mismo color de 24 bits, así que la conversión es matemáticamente precisa, sin redondeo ni pérdida de calidad. Cada canal rojo, verde y azul se asigna directamente a un valor de 0 a 255, y puedes volver a HEX sin ninguna desviación.

¿Mis colores se mantienen privados?

Sí. Toda la conversión se ejecuta localmente en tu dispositivo con JavaScript, así que los códigos HEX y los valores RGB con los que trabajas nunca se suben a un servidor ni se guardan en ningún sitio. Nada sale de tu dispositivo, lo que mantiene los colores de marca y de proyecto totalmente privados.

¿Puedo copiar los valores RGB para CSS?

Sí. Puedes copiar cada valor rojo, verde y azul por separado o tomar la cadena rgb() completa con un clic, lista para pegar en CSS, HTML o software de diseño. El formato rgb() funciona directamente en las hojas de estilo, así que no hace falta reformatear nada.

¿La herramienta es gratis y funciona en móvil?

Sí. El convertidor de HEX a RGB es totalmente gratis, sin marcas de agua ni límites, y funciona en cualquier dispositivo moderno en escritorio, tableta y teléfono. Como el procesamiento es local, sigue funcionando con conexiones inestables una vez cargada la página.