Vai al selettore colori

Convertitore da HSB / HSV a OKLab

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

Letto come HSV

Valore OKLaboklab(68.036% 0.17473 0.1165)
Da OKLab a HSB / HSV

Regola il colore

11°
100%

68%
0,210
34°

Tutti gli altri formati

Esempi da HSB / HSV a OKLab

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

Informazioni su HSB / HSV e OKLab

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.

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.

Come funziona la conversione

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

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

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