Salt la selectorul de culori

Convertor SwiftUI în OKLCH

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

Recunoscut ca cod Swift

Valoare OKLCHoklch(68.031% 0.21005 33.68)
OKLCH în SwiftUI

Ajustează culoarea

11°
100 %

68 %
0,210
34°

Toate celelalte formate

Exemple SwiftUI în OKLCH

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

Despre SwiftUI și OKLCH

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.

OKLCH este OKLab în formă polară: luminozitate, cromă și nuanță. Tailwind CSS v4 îl folosește pentru toată paleta, pentru că la schimbarea luminozității nuanța rămâne stabilă.

Cum funcționează conversia

Citim valoarea SwiftUI, o convertim în CIE XYZ cu matricele din specificația CSS Color 4, apoi în OKLCH. 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 SwiftUI în OKLCH?

Lipește sau scrie o valoare SwiftUI î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 OKLCH.

Conversia din SwiftUI în OKLCH 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.