Cómo convertir un color hexadecimal a RGB y HSL

Introduce un color hexadecimal para obtener sus valores RGB y HSL, junto con sus componentes numéricos y una clasificación de luminosidad. Si no escribes ningún color, se utiliza #ff5733.

Qué puedes consultar

Esta herramienta sirve para transformar un color escrito en formato hexadecimal en sus representaciones RGB y HSL. Es útil si tienes un valor de diseño, una muestra de una interfaz o una referencia visual en hexadecimal y necesitas consultar sus componentes numéricos y textuales. El campo de color es opcional: si lo dejas vacío, se utiliza el valor hexadecimal predeterminado #ff5733.

Cómo convertir un color hexadecimal

1. Localiza el campo de entrada del color hexadecimal.

2. Escribe el valor que quieras convertir. Puedes introducirlo con el signo #, como #336699, o sin ese signo, como 336699. El formato sin # se normaliza antes de analizarlo. Si utilizas una forma de tres caracteres, como #369, cada carácter se repite para formar el valor de seis caracteres correspondiente antes de la conversión.

3. Si quieres usar el valor predeterminado, deja el campo vacío. La entrada hexadecimal es opcional y, en ese caso, se toma #ff5733.

4. Ejecuta la conversión con el control disponible en la página.

5. Revisa el resultado. Para un valor válido, encontrarás el hexadecimal en mayúsculas y minúsculas, representaciones textuales RGB y HSL, componentes RGB y HSL numéricos y una clasificación relacionada con la luminosidad. Los valores de tono, saturación y luminosidad de HSL se redondean a números enteros.

Cómo interpretar el resultado

Lee las representaciones RGB y HSL según el uso que necesites. Los componentes numéricos ayudan a trabajar con canales de rojo, verde y azul, mientras que HSL expresa el color mediante tono, saturación y luminosidad. Las versiones textuales y los componentes numéricos forman parte del resultado de una conversión válida.

La clasificación de luminosidad no es una medición independiente: se basa en un cálculo ponderado del brillo RGB. Se marca como verdadera únicamente cuando ese cálculo es superior a 128. Por eso, no conviene interpretar esa clasificación como una escala adicional ni como una valoración subjetiva del color.

Si el valor no puede analizarse por un problema de valor o de posición durante la lectura hexadecimal, el resultado se devuelve marcado como correcto e incluye una indicación de error en lugar de propagar ese error de análisis. Comprueba la entrada y vuelve a intentarlo cuando aparezca esa indicación. La herramienta acepta como entrada el formato hexadecimal; RGB y HSL son representaciones de salida, no formatos de entrada equivalentes.

Ejemplo práctico

Estás comprobando una muestra azulada de tres caracteres antes de usarla en una interfaz.

Introduce #369 en el campo hexadecimal y ejecuta la conversión. La forma de tres caracteres se amplía repitiendo cada carácter antes del análisis.

El resultado debe contener texto hexadecimal en mayúsculas y minúsculas, representaciones RGB y HSL, componentes numéricos y una clasificación de luminosidad; los valores HSL se muestran redondeados a números enteros.

Limitaciones

• La herramienta está orientada a convertir entradas hexadecimales. Una entrada que no pueda analizarse devuelve una indicación de error dentro de un resultado marcado como correcto, por lo que esa marca no confirma que el color proporcionado sea válido.

Errores frecuentes

• Un error frecuente es introducir una cadena hexadecimal con una longitud o unos caracteres que no se pueden analizar. Corrige el valor usando caracteres hexadecimales y una forma de seis caracteres, o una forma válida de tres caracteres; el signo # puede incluirse o omitirse.

Preguntas frecuentes

¿Tengo que escribir el signo #?

Sí, el signo # puede omitirse: se añade antes de analizar el valor. También se admite una forma de tres caracteres, que se amplía repitiendo cada carácter antes de la conversión.

¿Qué ocurre si dejo vacío el campo de color?

No. El campo hexadecimal es opcional; si lo dejas vacío, se usa #ff5733 como valor predeterminado.

¿Puedo introducir un valor RGB o HSL?

No como entrada equivalente. La herramienta analiza un valor hexadecimal y devuelve RGB y HSL como representaciones del resultado.