Konvertera Flutter / Compose till HEX

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

Från Flutter / Compose

Tolkad som Flutter-kod

HEX-värde#ff5733

HEX till Flutter / Compose

Justera färgen

Färgton11°

Opacitet100 %

Ljushet68 %

Kroma0,210

Färgton34°

Alla andra format

Exempel: Flutter / Compose till HEX

Färg	Flutter / Compose	HEX
	Color(0xFFFF0000)	#ff0000
	Color(0xFF00FF00)	#00ff00
	Color(0xFF0000FF)	#0000ff
	Color(0xFFFFFFFF)	#ffffff
	Color(0xFF000000)	#000000
	Color(0xFF808080)	#808080
	Color(0xFFFF5733)	#ff5733
	Color(0xFF3B82F6)	#3b82f6
	Color(0xFF10B981)	#10b981
	Color(0xFFF59E0B)	#f59e0b
	Color(0xFF8B5CF6)	#8b5cf6
	Color(0xFFEC4899)	#ec4899

Om Flutter / Compose och HEX

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.

HEX skriver rött, grönt och blått som två hexadecimala siffror vardera, till exempel #ff5733. Det är det vanligaste sättet att skriva färger på webben och i designverktyg.

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 HEX. 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 HEX?

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 HEX-värdet.

Är konverteringen från Flutter / Compose till HEX 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.