Cómo convertir colores HEX, RGB y HSL

Antes de empezar

Esta herramienta permite transformar texto de color entre HEX, RGB y HSL para consultar varias formas del mismo valor. Puede resultar útil al preparar una paleta, revisar una especificación visual o trasladar un color entre documentos que utilizan notaciones diferentes.

La conversión correcta puede ofrecer una representación hexadecimal, otra RGB y otra HSL, además de los componentes numéricos y una vista previa. La selección del origen admite hex, rgb y hsl; cuando no se proporciona, se toma HEX como formato de partida. Es importante escribir el identificador del formato en minúsculas, porque la comparación distingue las mayúsculas.

Proceso de conversión

1. Introduce un valor en el campo de color. Déjalo con contenido, ya que una entrada vacía no genera una conversión.

2. Selecciona el formato que describe el texto introducido: hex, rgb o hsl. Si el control permite omitir esta selección, la herramienta tratará el contenido como hexadecimal. Mantén el identificador en minúsculas para que coincida con uno de los formatos reconocidos.

3. Si eliges HEX, escribe tres o seis caracteres hexadecimales, con # al principio o sin ese símbolo. Las formas abreviadas y las de seis caracteres se aceptan como entradas de este tipo.

4. Si trabajas con RGB, proporciona tres valores numéricos y revisa que cada canal resultante esté entre 0 y 255. Para evitar interpretaciones inesperadas, separa los tres canales de manera clara y no añadas texto innecesario: el análisis localiza subcadenas numéricas y ciertos contenidos con apariencia irregular todavía pueden producir una conversión.

5. Si escoges HSL, incorpora tres valores numéricos para el tono, la saturación y la luminosidad. El tono se coloca dentro de un ciclo de 360 grados, mientras que la saturación y la luminosidad se mantienen dentro del intervalo de 0 a 100 por ciento cuando superan ese límite.

6. Revisa con especial cuidado los signos menos en HSL. El análisis extrae fragmentos numéricos sin interpretar esos signos como una indicación de valor negativo, de modo que una entrada con ese formato puede acabar utilizando los dígitos situados después del signo.

7. Envía el contenido y examina la respuesta. Si falta el color, el formato no coincide con los valores admitidos o los componentes no permiten una conversión válida, aparecerá un resultado fallido en lugar de las equivalencias.

Lectura de la respuesta

Cuando la operación termina correctamente, busca las tres notaciones disponibles: hexadecimal, RGB y HSL. La respuesta también puede mostrar los canales RGB, los componentes HSL y una vista previa, por lo que sirve para comparar la forma solicitada con otras expresiones del color.

Los canales RGB convertidos se presentan como enteros. Los componentes HSL obtenidos también se redondean a enteros, así que el resultado puede no conservar cada detalle decimal que tuviera una representación de origen.

En una entrada RGB, la comprobación principal consiste en contar tres valores numéricos y comprobar sus canales dentro del intervalo de 0 a 255. En HSL, la posición del tono puede reajustarse al ciclo de 360 grados, mientras que los valores de saturación o luminosidad que rebasen 100 pueden quedar limitados a ese máximo.

Un resultado fallido no debe leerse como si contuviera equivalencias utilizables. Antes de volver a intentarlo, revisa que haya contenido, que el origen sea hex, rgb o hsl en minúsculas y que el texto incluya los componentes numéricos que corresponden al formato elegido.

Ejemplo práctico

Quieres consultar las equivalencias de un color hexadecimal abreviado antes de utilizarlo en otro documento.

Introduce #0f6, selecciona hex como origen y envía el valor; después, comprueba la presencia de las tres representaciones y de los componentes numéricos.

La respuesta debe presentar una representación hexadecimal, una representación RGB, una representación HSL, valores numéricos de los componentes y una vista previa.

Limitaciones

• La herramienta reconoce como origen HEX, RGB y HSL; una entrada vacía, mal formada, no válida o fuera de rango puede terminar sin conversión.

Errores frecuentes

• Si escribes el origen con mayúsculas o eliges un valor distinto de hex, rgb y hsl, la selección no se reconoce; corrígelo usando uno de esos tres identificadores en minúsculas o deja el origen sin indicar para aplicar HEX.

Preguntas frecuentes

¿Qué entradas HEX se pueden utilizar?

Se aceptan tres o seis caracteres hexadecimales, con # inicial o sin él. Si no indicas el origen, el texto se trata como HEX.

¿Qué necesita una entrada RGB?

El texto debe producir tres valores numéricos y cada canal resultante debe situarse entre 0 y 255. Como se buscan subcadenas numéricas, ciertos textos con aspecto irregular todavía pueden analizarse.

¿Qué ocurre al introducir un color HSL?

Debes proporcionar tres valores numéricos y escoger hsl en minúsculas. El tono se reajusta dentro de 360 grados, y la saturación y la luminosidad pueden limitarse a 100 por ciento cuando superan ese valor.