Konvertera Flutter / Compose till RGB

Klistra in ett Flutter / Compose-värde och få RGB direkt. Andra format fungerar också.

Från Flutter / Compose

Tolkad som Flutter-kod

RGB-värdergb(255, 87, 51)

RGB till Flutter / Compose

Justera färgen

Färgton11°

Opacitet100 %

Ljushet68 %

Kroma0,210

Färgton34°

Alla andra format

Exempel: Flutter / Compose till RGB

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

Om Flutter / Compose och RGB

Flutter och Jetpack Compose skriver en färg som ett enda 32-bitars ARGB-tal, till exempel Color(0xFFFF5733). De två hexsiffrorna efter 0x är alfa, och FF betyder helt täckande.

RGB anger rött, grönt och blått från 0 till 255. Det beskriver hur en skärm blandar ljus och skrivs som rgb(255 87 51) i modern CSS.

Så fungerar konverteringen

Vi läser Flutter / Compose-värdet, räknar om det till CIE XYZ med matriserna från specifikationen CSS Color 4 och sedan till RGB. Värden utanför målformatets färgomfång anpassas med algoritmen i CSS Color 4, som behåller ljushet och färgton och minskar kroma.

Frågor och svar

Hur konverterar jag Flutter / Compose till RGB?

Klistra in eller skriv ett Flutter / Compose-värde i fältet ovan. PickShade konverterar det med formlerna i CSS Color 4 medan du skriver, och ett klick kopierar RGB-värdet.

Är konverteringen från Flutter / Compose till RGB exakt?

Beräkningen är exakt och resultatet avrundas bara för visning, med tillräckligt många siffror för att räkna tillbaka till samma färg. Om färgen inte ryms i målformatets färgomfång varnar PickShade och visar närmaste färg som ryms.

Kan jag få andra format samtidigt?

Ja. Alla andra format, bland annat OKLCH, Display P3, Tailwind, SwiftUI, Flutter och Android, listas under resultatet och kopieras med ett klick.

Är konverteraren gratis?

Ja. Den är gratis, kräver inget konto och körs helt i din webbläsare.