Gå til farvevælgeren

Konvertér OKLCH til SwiftUI

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

Genkendt som OKLCH

SwiftUI-værdiColor(red: 1, green: 0.341, blue: 0.2)
SwiftUI til OKLCH

Justér farven

11°
100 %

68 %
0,210
34°

Alle andre formater

Eksempler: OKLCH til SwiftUI

FarveOKLCHSwiftUI
oklch(62.796% 0.25768 29.234)Color(red: 1, green: 0, blue: 0)
oklch(86.644% 0.29483 142.495)Color(red: 0, green: 1, blue: 0)
oklch(45.201% 0.31321 264.052)Color(red: 0, green: 0, blue: 1)
oklch(100% 0 0)Color(red: 1, green: 1, blue: 1)
oklch(0% 0 0)Color(red: 0, green: 0, blue: 0)
oklch(59.987% 0 0)Color(red: 0.502, green: 0.502, blue: 0.502)
oklch(68.036% 0.21001 33.692)Color(red: 1, green: 0.341, blue: 0.2)
oklch(62.308% 0.18801 259.815)Color(red: 0.231, green: 0.51, blue: 0.965)
oklch(69.587% 0.14907 162.48)Color(red: 0.063, green: 0.725, blue: 0.506)
oklch(76.859% 0.16466 70.08)Color(red: 0.961, green: 0.62, blue: 0.043)
oklch(60.563% 0.21892 292.717)Color(red: 0.545, green: 0.361, blue: 0.965)
oklch(65.592% 0.21177 354.308)Color(red: 0.925, green: 0.282, blue: 0.6)

Om OKLCH og SwiftUI

OKLCH er OKLab i polær form: lyshed, kroma og farvetone. Tailwind CSS v4 bruger det til hele sin palet, fordi farvetonen holder sig stabil, når lysheden ændres.

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.

Sådan fungerer konverteringen

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

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

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