Ir al selector de color

Conversor de OKLab a RGBA

Pega un valor OKLab y obtén RGBA al instante. Cualquier otro formato también sirve.

Interpretado como OKLab

Valor RGBArgba(255, 87, 51, 1)
De RGBA a OKLab

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Tabla de opacidad: alfa en HEX y RGBA

En HEX de 8 dígitos, los dos últimos fijan la opacidad: FF es totalmente opaco, 80 es cerca del 50 % y 00 es totalmente transparente. La tabla muestra el color de ejemplo cada 5 %.

OpacidadAlfa en HEXHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

Ejemplos de OKLab a RGBA

ColorOKLabRGBA
oklab(62.796% 0.22486 0.12585)rgba(255, 0, 0, 1)
oklab(86.644% -0.23389 0.1795)rgba(0, 255, 0, 1)
oklab(45.201% -0.03246 -0.31153)rgba(0, 0, 255, 1)
oklab(100% 0 0)rgba(255, 255, 255, 1)
oklab(0% 0 0)rgba(0, 0, 0, 1)
oklab(59.987% 0 0)rgba(128, 128, 128, 1)
oklab(68.036% 0.17474 0.1165)rgba(255, 87, 51, 1)
oklab(62.308% -0.03325 -0.18505)rgba(59, 130, 246, 1)
oklab(69.587% -0.14216 0.04488)rgba(16, 185, 129, 1)
oklab(76.859% 0.0561 0.15481)rgba(245, 158, 11, 1)
oklab(60.563% 0.08454 -0.20193)rgba(139, 92, 246, 1)
oklab(65.592% 0.21073 -0.021)rgba(236, 72, 153, 1)

Sobre OKLab y RGBA

OKLab es un espacio de color perceptual moderno de 2020. Los pasos iguales se ven iguales, por eso los degradados y las mezclas quedan más limpios que en RGB o HSL.

RGBA es RGB con un canal alfa para la opacidad, escrito como rgba(255, 87, 51, 0.5). El alfa va de 0 (totalmente transparente) a 1 (totalmente opaco). La misma opacidad se puede escribir en HEX de 8 dígitos, como #ff573380.

Cómo funciona la conversión

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

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

¿La conversión de OKLab a RGBA 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.