Acerca de esta herramienta
Este conversor transforma colores hexadecimales en la notación CSS rgb() para mantener el mismo color en diseños, hojas de estilo y parámetros de desarrollo. La entrada se valida estrictamente y la vista previa solo usa valores RGB analizados correctamente.
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
Todos los datos, cálculos, generación de CSS y vistas previas se procesan en tu navegador. No se sube contenido, no se usan servidores de procesamiento, bases de datos, API en línea ni CDN de terceros, y tus entradas no se guardan automáticamente.
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.