Gå til farvevælgeren

Konvertér SwiftUI til HEX

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

Genkendt som Swift-kode

HEX-værdi#ff5733
HEX til SwiftUI

Justér farven

11°
100 %

68 %
0,210
34°

Alle andre formater

Eksempler: SwiftUI til HEX

FarveSwiftUIHEX
Color(red: 1, green: 0, blue: 0)#ff0000
Color(red: 0, green: 1, blue: 0)#00ff00
Color(red: 0, green: 0, blue: 1)#0000ff
Color(red: 1, green: 1, blue: 1)#ffffff
Color(red: 0, green: 0, blue: 0)#000000
Color(red: 0.502, green: 0.502, blue: 0.502)#808080
Color(red: 1, green: 0.341, blue: 0.2)#ff5733
Color(red: 0.231, green: 0.51, blue: 0.965)#3b82f6
Color(red: 0.063, green: 0.725, blue: 0.506)#10b981
Color(red: 0.961, green: 0.62, blue: 0.043)#f59e0b
Color(red: 0.545, green: 0.361, blue: 0.965)#8b5cf6
Color(red: 0.925, green: 0.282, blue: 0.6)#ec4899

Om SwiftUI og HEX

SwiftUI beskriver en farve med rød, grøn og blå fra 0 til 1, skrevet som Color(red: 1, green: 0.341, blue: 0.2). Opacitet tilføjes med parameteren opacity.

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.

Sådan fungerer konverteringen

Vi læser SwiftUI-værdien, omregner den til CIE XYZ med matricerne fra specifikationen CSS Color 4 og derefter til HEX. 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 SwiftUI til HEX?

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

Er konverteringen fra SwiftUI til HEX 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.