Konvertér SwiftUI til HSL

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

Fra SwiftUI

Genkendt som Swift-kode

HSL-værdihsl(10.58, 100%, 60%)

HSL til SwiftUI

Justér farven

Farvetone11°

Opacitet100 %

Lyshed68 %

Kroma0,210

Farvetone34°

Alle andre formater

Eksempler: SwiftUI til HSL

Farve	SwiftUI	HSL
	Color(red: 1, green: 0, blue: 0)	hsl(0, 100%, 50%)
	Color(red: 0, green: 1, blue: 0)	hsl(120, 100%, 50%)
	Color(red: 0, green: 0, blue: 1)	hsl(240, 100%, 50%)
	Color(red: 1, green: 1, blue: 1)	hsl(0, 0%, 100%)
	Color(red: 0, green: 0, blue: 0)	hsl(0, 0%, 0%)
	Color(red: 0.502, green: 0.502, blue: 0.502)	hsl(0, 0%, 50.2%)
	Color(red: 1, green: 0.341, blue: 0.2)	hsl(10.59, 100%, 60%)
	Color(red: 0.231, green: 0.51, blue: 0.965)	hsl(217.22, 91.22%, 59.8%)
	Color(red: 0.063, green: 0.725, blue: 0.506)	hsl(160.12, 84.08%, 39.41%)
	Color(red: 0.961, green: 0.62, blue: 0.043)	hsl(37.69, 92.13%, 50.2%)
	Color(red: 0.545, green: 0.361, blue: 0.965)	hsl(258.31, 89.53%, 66.27%)
	Color(red: 0.925, green: 0.282, blue: 0.6)	hsl(330.37, 81.19%, 60.39%)

Om SwiftUI og HSL

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.

HSL angiver farvetone i grader og mætning og lyshed i procent. Det er let at læse, men lysheden er ikke jævn for øjet: gul ved 50 % ser meget lysere ud end blå ved 50 %.

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

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 HSL-værdien.

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