Vai al selettore colori

Convertitore da OKLab a HSB / HSV

Incolla un valore OKLab e ottieni subito HSB / HSV. Funziona anche con qualsiasi altro formato.

Letto come OKLab

Valore HSB / HSVhsv(10.59 80% 100%)
Da HSB / HSV a OKLab

Regola il colore

11°
100%

68%
0,210
34°

Tutti gli altri formati

Esempi da OKLab a HSB / HSV

ColoreOKLabHSB / HSV
oklab(62.796% 0.22486 0.12585)hsv(0 100% 100%)
oklab(86.644% -0.23389 0.1795)hsv(120 100% 100%)
oklab(45.201% -0.03246 -0.31153)hsv(240 100% 100%)
oklab(100% 0 0)hsv(0 0% 100%)
oklab(0% 0 0)hsv(0 0% 0%)
oklab(59.987% 0 0)hsv(0 0% 50.2%)
oklab(68.036% 0.17474 0.1165)hsv(10.59 80% 100%)
oklab(62.308% -0.03325 -0.18505)hsv(217.22 76.02% 96.47%)
oklab(69.587% -0.14216 0.04488)hsv(160.12 91.35% 72.55%)
oklab(76.859% 0.0561 0.15481)hsv(37.69 95.51% 96.08%)
oklab(60.563% 0.08454 -0.20193)hsv(258.31 62.6% 96.47%)
oklab(65.592% 0.21073 -0.021)hsv(330.37 69.49% 92.55%)

Informazioni su OKLab e HSB / HSV

OKLab è uno spazio colore percettivo moderno del 2020. Passi uguali appaiono uguali all’occhio, quindi gradienti e mescole risultano più puliti che in RGB o HSL.

HSV, detto anche HSB, usa tonalità, saturazione e valore. Photoshop, Figma e la maggior parte dei selettori colori lo usano per il riquadro di selezione.

Come funziona la conversione

Leggiamo il valore OKLab, lo convertiamo in CIE XYZ con le matrici della specifica CSS Color 4 e poi in HSB / HSV. 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 OKLab in HSB / HSV?

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

La conversione da OKLab a HSB / HSV è 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.