Ir al selector de color

Conversor de RGB a Flutter / Compose

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

Interpretado como RGB

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

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Ejemplos de RGB a Flutter / Compose

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

Sobre RGB y Flutter / Compose

RGB fija el rojo, el verde y el azul de 0 a 255. Describe cómo mezcla la luz una pantalla y en CSS moderno se escribe rgb(255 87 51).

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

Pega o escribe un valor RGB 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 RGB 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.