Ir al selector de color

Conversor de OKLCH a Android XML

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

Interpretado como OKLCH

Valor Android XML#FF5733
De Android XML a OKLCH

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Ejemplos de OKLCH a Android XML

ColorOKLCHAndroid XML
oklch(62.796% 0.25768 29.234)#FF0000
oklch(86.644% 0.29483 142.495)#00FF00
oklch(45.201% 0.31321 264.052)#0000FF
oklch(100% 0 0)#FFFFFF
oklch(0% 0 0)#000000
oklch(59.987% 0 0)#808080
oklch(68.036% 0.21001 33.692)#FF5733
oklch(62.308% 0.18801 259.815)#3B82F6
oklch(69.587% 0.14907 162.48)#10B981
oklch(76.859% 0.16466 70.08)#F59E0B
oklch(60.563% 0.21892 292.717)#8B5CF6
oklch(65.592% 0.21177 354.308)#EC4899

Sobre OKLCH y Android XML

OKLCH es OKLab en forma polar: luminosidad, croma y matiz. Tailwind CSS v4 lo usa en toda su paleta porque al cambiar la luminosidad el matiz se mantiene estable.

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.

Cómo funciona la conversión

Leemos el valor OKLCH, lo pasamos a CIE XYZ con las matrices de la especificación CSS Color 4 y de ahí a Android XML. 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 OKLCH a Android XML?

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

¿La conversión de OKLCH a Android XML 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.