Ir al selector de color

Conversor de HEX a Flutter / Compose

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

Interpretado como HEX

Valor Flutter / ComposeColor(0xFFFF5733)
De Flutter / Compose a HEX

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Ejemplos de HEX a Flutter / Compose

ColorHEXFlutter / Compose
#ff0000Color(0xFFFF0000)
#00ff00Color(0xFF00FF00)
#0000ffColor(0xFF0000FF)
#ffffffColor(0xFFFFFFFF)
#000000Color(0xFF000000)
#808080Color(0xFF808080)
#ff5733Color(0xFFFF5733)
#3b82f6Color(0xFF3B82F6)
#10b981Color(0xFF10B981)
#f59e0bColor(0xFFF59E0B)
#8b5cf6Color(0xFF8B5CF6)
#ec4899Color(0xFFEC4899)

Sobre HEX y Flutter / Compose

HEX escribe el rojo, el verde y el azul con dos dígitos hexadecimales cada uno, como #ff5733. Es la forma más habitual de escribir colores en la web y en las herramientas de diseño.

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.

Cómo funciona la conversión

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

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

¿La conversión de HEX a Flutter / Compose 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.