Ir al selector de color

Conversor de Android XML a HSL

Pega un valor Android XML y obtén HSL al instante. Cualquier otro formato también sirve.

Interpretado como HEX

Valor HSLhsl(10.59, 100%, 60%)

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Ejemplos de Android XML a HSL

ColorAndroid XMLHSL
#FF0000hsl(0, 100%, 50%)
#00FF00hsl(120, 100%, 50%)
#0000FFhsl(240, 100%, 50%)
#FFFFFFhsl(0, 0%, 100%)
#000000hsl(0, 0%, 0%)
#808080hsl(0, 0%, 50.2%)
#FF5733hsl(10.59, 100%, 60%)
#3B82F6hsl(217.22, 91.22%, 59.8%)
#10B981hsl(160.12, 84.08%, 39.41%)
#F59E0Bhsl(37.69, 92.13%, 50.2%)
#8B5CF6hsl(258.31, 89.53%, 66.27%)
#EC4899hsl(330.37, 81.19%, 60.39%)

Sobre Android XML y HSL

Los recursos XML de Android escriben los colores como #RRGGBB o #AARRGGBB con el alfa primero, como #80FF5733 para un 50 % de opacidad. Este orden ARGB es distinto al de CSS, donde el alfa va al final.

HSL describe el matiz en grados y la saturación y la luminosidad en porcentaje. Es fácil de leer, pero su luminosidad no es uniforme a la vista: un amarillo al 50 % parece mucho más claro que un azul al 50 %.

Cómo funciona la conversión

Leemos el valor Android XML, lo pasamos a CIE XYZ con las matrices de la especificación CSS Color 4 y de ahí a HSL. Los valores fuera de la gama de destino se ajustan con el algoritmo de CSS Color 4, que conserva la luminosidad y el matiz y reduce el croma.

Preguntas y respuestas

¿Cómo convierto Android XML a HSL?

Pega o escribe un valor Android XML en el campo de arriba. PickShade lo convierte con las fórmulas de CSS Color 4 mientras escribes, y un clic copia el valor HSL.

¿La conversión de Android XML a HSL es exacta?

El cálculo es exacto y el resultado solo se redondea para mostrarlo, con suficientes decimales para volver al mismo color. Si el color no cabe en la gama de destino, PickShade te avisa y muestra el color más cercano que sí cabe.

¿Puedo obtener otros formatos a la vez?

Sí. Todos los demás formatos, incluidos OKLCH, Display P3, Tailwind, SwiftUI, Flutter y Android, aparecen bajo el resultado y se copian con un clic.

¿Este conversor es gratuito?

Sí. Es gratis, no necesita registro y funciona entero en tu navegador.