Ir al selector de color

Conversor de Flutter / Compose a RGBA

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

Interpretado como código Flutter

Valor RGBArgba(255, 87, 51, 1)
De RGBA a Flutter / Compose

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 Flutter / Compose a RGBA

ColorFlutter / ComposeRGBA
Color(0xFFFF0000)rgba(255, 0, 0, 1)
Color(0xFF00FF00)rgba(0, 255, 0, 1)
Color(0xFF0000FF)rgba(0, 0, 255, 1)
Color(0xFFFFFFFF)rgba(255, 255, 255, 1)
Color(0xFF000000)rgba(0, 0, 0, 1)
Color(0xFF808080)rgba(128, 128, 128, 1)
Color(0xFFFF5733)rgba(255, 87, 51, 1)
Color(0xFF3B82F6)rgba(59, 130, 246, 1)
Color(0xFF10B981)rgba(16, 185, 129, 1)
Color(0xFFF59E0B)rgba(245, 158, 11, 1)
Color(0xFF8B5CF6)rgba(139, 92, 246, 1)
Color(0xFFEC4899)rgba(236, 72, 153, 1)

Sobre Flutter / Compose y RGBA

Flutter y Jetpack Compose escriben un color como un número ARGB de 32 bits, como Color(0xFFFF5733). Los dos dígitos hex después de 0x son el alfa, y FF significa totalmente opaco.

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 Flutter / Compose, 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 Flutter / Compose a RGBA?

Pega o escribe un valor Flutter / Compose 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 Flutter / Compose 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.