Resumen
Este conversor transforma la notación HEX en canales RGB listos para usar en hojas de estilo, fichas técnicas o notas de componentes. También normaliza la entrada, de modo que los formatos abreviados y las variantes en mayúsculas se interpreten de forma coherente. Resulta útil cuando un color debe pasar de un archivo de diseño, un token o una maqueta a un formato basado en rojo, verde y azul. El resultado es claro y fácil de comparar con otras definiciones durante la implementación o la revisión.
Casos de uso
- Estilos de frontendConvierte colores de marca e interfaz en cadenas rgb(...) para variables CSS, estilos de componentes y archivos de tema.
- Revisión de entrega de diseñoComprueba que el color de una maqueta coincida con el valor implementado antes de llevarlo al código final.
- Documentación de tokensGuarda un color token en HEX y RGB para que diseño y desarrollo lean la misma definición.
- Expansión de valores abreviadosConvierte valores HEX de tres dígitos en RGB completo al revisar estilos antiguos o paletas compactas.
Como funciona
- 1
Introduce un valor HEX o elígelo con el selector.
- 2
La herramienta amplía el HEX abreviado, valida el código y lee los canales rojo, verde y azul.
- 3
Copia el resultado RGB para CSS, documentación o notas de entrega.
Ejemplos
Color de acento cálido
Entrada: #FF7A18
Salida: rgb(255, 122, 24)
Un naranja intenso para botones, resaltados o ilustraciones.
Valor abreviado azul cian
Entrada: #0AF
Salida: rgb(0, 170, 255)
La herramienta expande el HEX abreviado antes de convertirlo a RGB.
Neutral oscuro
Entrada: #1E293B
Salida: rgb(30, 41, 59)
Útil para pasar neutros de interfaz a valores de canal.
FAQ
¿Acepta valores HEX de tres dígitos?
Sí. Un valor abreviado como #0AF se expande a su forma completa antes de la conversión, así que obtienes los canales RGB correctos.
¿Qué pasa si escribo un HEX sin el signo #?
La herramienta está pensada para la notación HEX estándar. Si el formato está incompleto o contiene caracteres no válidos, no generará un resultado RGB fiable.
¿Por qué el resultado RGB parece distinto del HEX?
HEX y RGB son dos formas distintas de escribir el mismo color. Los canales numéricos son la misma información, solo que expresada en decimal.
¿Convierte colores con transparencia?
Este conversor está pensado para valores HEX que representan un color opaco. Si el color incluye alpha, puede requerirse otro formato, como RGBA.