Convertor HSL în SwiftUI

Lipește o valoare HSL și primești imediat SwiftUI. Merge și orice alt format.

Din HSL

Recunoscut ca HSL

Valoare SwiftUIColor(red: 1, green: 0.341, blue: 0.2)

SwiftUI în HSL

Ajustează culoarea

Nuanță11°

Opacitate100 %

Luminozitate68 %

Cromă0,210

Nuanță34°

Toate celelalte formate

Exemple HSL în SwiftUI

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

Despre HSL și SwiftUI

HSL descrie nuanța în grade, iar saturația și luminozitatea în procente. Se citește ușor, dar luminozitatea sa nu este uniformă pentru ochi: galbenul la 50% arată mult mai deschis decât albastrul la 50%.

SwiftUI descrie o culoare prin roșu, verde și albastru de la 0 la 1, scrisă ca Color(red: 1, green: 0.341, blue: 0.2). Opacitatea se adaugă cu parametrul opacity.

Cum funcționează conversia

Citim valoarea HSL, o convertim în CIE XYZ cu matricele din specificația CSS Color 4, apoi în SwiftUI. Valorile din afara gamutului țintă sunt aduse în gamut cu algoritmul CSS Color 4, care păstrează luminozitatea și nuanța și reduce croma.

Întrebări și răspunsuri

Cum convertesc HSL în SwiftUI?

Lipește sau scrie o valoare HSL în câmpul de mai sus. PickShade o convertește cu formulele CSS Color 4 pe măsură ce scrii, iar un clic copiază valoarea SwiftUI.

Conversia din HSL în SwiftUI este exactă?

Calculele sunt exacte, iar rezultatul este rotunjit doar la afișare, cu suficiente zecimale ca să poți reveni la aceeași culoare. Dacă culoarea nu încape în gamutul țintă, PickShade te avertizează și arată cea mai apropiată culoare care încape.

Pot obține și alte formate în același timp?

Da. Toate celelalte formate, inclusiv OKLCH, Display P3, Tailwind, SwiftUI, Flutter și Android, sunt listate sub rezultat și se copiază dintr-un clic.

Convertorul este gratuit?

Da. Este gratuit, nu cere cont și rulează în întregime în browserul tău.