Vai al selettore colori

Convertitore da SwiftUI a OKLCH

Incolla un valore SwiftUI e ottieni subito OKLCH. Funziona anche con qualsiasi altro formato.

Letto come codice Swift

Valore OKLCHoklch(68.031% 0.21005 33.68)

Regola il colore

11°
100%

68%
0,210
34°

Tutti gli altri formati

Esempi da SwiftUI a OKLCH

ColoreSwiftUIOKLCH
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)

Informazioni su SwiftUI e OKLCH

SwiftUI descrive un colore con rosso, verde e blu da 0 a 1, scritto come Color(red: 1, green: 0.341, blue: 0.2). L’opacità si aggiunge con il parametro opacity.

OKLCH è OKLab in forma polare: luminosità, croma e tonalità. Tailwind CSS v4 lo usa per tutta la sua palette perché, cambiando la luminosità, la tonalità resta stabile.

Come funziona la conversione

Leggiamo il valore SwiftUI, lo convertiamo in CIE XYZ con le matrici della specifica CSS Color 4 e poi in OKLCH. I valori fuori dal gamut di destinazione vengono adattati con l’algoritmo di CSS Color 4, che mantiene luminosità e tonalità e riduce il croma.

Domande e risposte

Come si converte SwiftUI in OKLCH?

Incolla o digita un valore SwiftUI nel campo qui sopra. PickShade lo converte con le formule di CSS Color 4 mentre scrivi, e con un clic copi il valore OKLCH.

La conversione da SwiftUI a OKLCH è esatta?

Il calcolo è esatto e il risultato viene arrotondato solo per la visualizzazione, con abbastanza cifre da riconvertirlo nello stesso colore. Se il colore non rientra nel gamut di destinazione, PickShade ti avvisa e mostra il colore più vicino che ci rientra.

Posso ottenere anche altri formati?

Sì. Tutti gli altri formati, compresi OKLCH, Display P3, Tailwind, SwiftUI, Flutter e Android, sono elencati sotto il risultato e si copiano con un clic.

Questo convertitore è gratuito?

Sì. È gratuito, non richiede registrazione e funziona interamente nel tuo browser.