Gå til farvevælgeren

Konvertér HEX til Flutter / Compose

Indsæt en HEX-værdi, og få Flutter / Compose med det samme. Alle andre formater virker også.

Genkendt som HEX

Flutter / Compose-værdiColor(0xFFFF5733)
Flutter / Compose til HEX

Justér farven

11°
100 %

68 %
0,210
34°

Alle andre formater

Eksempler: HEX til Flutter / Compose

FarveHEXFlutter / 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)

Om HEX og Flutter / Compose

HEX skriver rød, grøn og blå som to hexadecimale cifre hver, fx #ff5733. Det er den mest udbredte måde at skrive farver på, både på nettet og i designværktøjer.

Flutter og Jetpack Compose skriver en farve som ét 32-bit ARGB-tal, fx Color(0xFFFF5733). De to hex-cifre efter 0x er alfa, og FF betyder helt dækkende.

Sådan fungerer konverteringen

Vi læser HEX-værdien, omregner den til CIE XYZ med matricerne fra specifikationen CSS Color 4 og derefter til Flutter / Compose. Værdier uden for målets farveomfang tilpasses med algoritmen fra CSS Color 4, som bevarer lyshed og farvetone og sænker kroma.

Spørgsmål og svar

Hvordan konverterer jeg HEX til Flutter / Compose?

Indsæt eller skriv en HEX-værdi i feltet ovenfor. PickShade konverterer den med formlerne fra CSS Color 4, mens du skriver, og ét klik kopierer Flutter / Compose-værdien.

Er konverteringen fra HEX til Flutter / Compose præcis?

Beregningen er præcis, og resultatet afrundes kun til visning, med nok cifre til at regne tilbage til samme farve. Hvis farven ikke passer i målets farveomfang, advarer PickShade dig og viser den nærmeste farve, der passer.

Kan jeg få andre formater på samme tid?

Ja. Alle andre formater, også OKLCH, Display P3, Tailwind, SwiftUI, Flutter og Android, står under resultatet og kopieres med ét klik.

Er konverteren gratis?

Ja. Den er gratis, kræver ingen tilmelding og kører helt i din browser.