Acerca de esta herramienta
Convierte colores HEX a la notación CSS rgb() para utilizar el mismo color en diseños y hojas de estilo. Consulta la vista previa y los canales rojo, verde y azul; si el valor no es válido, aparece un aviso para que lo corrijas.
Cómo usarla
- Introduce #FF5733, #09f o un HEX de 3 o 6 dígitos sin #.
- Consulta el resultado en tiempo real o pulsa «Convertir».
- Comprueba la vista previa y los tres canales, y pulsa «Copiar RGB».
- Pulsa «Borrar» para vaciar la entrada o «Cargar ejemplo» para recuperar el color de muestra.
Ejemplos de uso
- #FF5733 → rgb(255, 87, 51); HEX normalizado: #ff5733.
- #09f → rgb(0, 153, 255); HEX normalizado: #0099ff.
- #fff → rgb(255, 255, 255); #000000 → rgb(0, 0, 0).
Cómo se calcula
En un HEX de 6 dígitos, cada par representa un canal y se convierte de hexadecimal a un entero de 0 a 255. En un HEX de 3 dígitos, cada dígito se repite: #09f se convierte en #0099ff. Solo se admiten colores RGB opacos, sin formatos alfa de 4 u 8 dígitos.
Usos habituales
- Convertir colores de diseño a estilos RGB.
- Comprobar que un HEX abreviado coincide con su versión completa.
- Consultar el valor entero de cada canal rojo, verde y azul.
Privacidad
Los datos y los resultados se procesan en tu navegador, sin subirse ni guardarse automáticamente. Copia los resultados que quieras conservar antes de salir de la página.
FAQ
¿Qué es HEX?
HEX representa los tres canales RGB en hexadecimal. En el formato de seis dígitos aparecen rojo, verde y azul, con dos dígitos por canal.
¿#fff y #ffffff son iguales?
Sí. Cada dígito del formato abreviado se repite, por lo que #fff se normaliza como #ffffff.
¿Por qué #12345 o #gg0000 dan error?
Solo se aceptan 3 o 6 dígitos hexadecimales: 0–9 y a–f, en mayúsculas o minúsculas.
¿Se pierde precisión al convertir HEX a RGB?
No. Los colores HEX opacos de tres o seis dígitos se convierten exactamente en canales RGB enteros.