Selector de color HEX
Convierte códigos de color hexadecimales a formatos RGB y HSL con desglose numérico de canales y cálculo de luminosidad.
Ejecutar herramienta
Este conversor de color hexadecimal transforma códigos de color en sus representaciones equivalentes RGB y HSL. Puedes introducir un valor hexadecimal completo de seis dígitos o una variante corta de tres dígitos, con o sin la almohadilla inicial (#). Por ejemplo, si escribes f00 o #ff0000, el sistema interpreta el color rojo de forma idéntica, expandiendo las secuencias abreviadas y normalizando el formato. Al procesar el color, obtienes el código hexadecimal normalizado, la notación estándar de CSS para RGB y HSL, y los valores numéricos exactos de cada canal. Los componentes HSL de tono, saturación y luminosidad se presentan redondeados a números enteros. Además, el resultado incluye una clasificación de luminosidad basada en el brillo ponderado de los componentes rojo, verde y azul. Si no indicas ningún código, la herramienta toma el color predeterminado #ff5733 para realizar la conversión.
Instrucciones
- Escribe o pega el código hexadecimal en el campo correspondiente, como #2ecc71 o 2ecc71.
- Si prefieres probar con el valor de muestra, deja el campo vacío para utilizar el color predeterminado #ff5733.
- Pulsa Ejecutar para procesar la conversión de color.
- Revisa en la sección de salida los formatos de texto HEX, RGB y HSL, junto con los componentes numéricos.
Ejemplos
- Entrada: #3498db -> Salida: HEX en mayúsculas #3498DB, rgb(52, 152, 219), hsl(204, 70%, 53%) y valores numéricos R: 52, G: 152, B: 219.
- Entrada: f00 -> Salida: se expande a #FF0000, rgb(255, 0, 0), hsl(0, 100%, 50%) y clasificación de luminosidad correspondiente.
Preguntas frecuentes
¿Es obligatorio incluir el símbolo almohadilla (#)?
No, el sistema normaliza la entrada añadiendo o quitando el prefijo automáticamente antes de procesar el color.
¿Qué ocurre si introduzco un código de tres caracteres?
Los códigos de tres dígitos se expanden duplicando cada carácter, de modo que #abc se convierte en #aabbcc antes del cálculo.
¿Cómo se calculan los valores HSL?
Los canales de tono, saturación y luminosidad se calculan a partir de los componentes RGB y se redondean al número entero más cercano.
¿Qué sucede si el código hexadecimal contiene caracteres no válidos?
Si el texto no se puede interpretar como un valor hexadecimal, la herramienta muestra un mensaje de error en el resultado.