Salt la selectorul de culori

Convertor HSB / HSV în LCH

Lipește o valoare HSB / HSV și primești imediat LCH. Merge și orice alt format.

Recunoscut ca HSV

Valoare LCHlch(61.03 84.67 41.37)
LCH în HSB / HSV

Ajustează culoarea

11°
100 %

68 %
0,210
34°

Toate celelalte formate

Exemple HSB / HSV în LCH

CuloareHSB / HSVLCH
hsv(0 100% 100%)lch(54.29 106.84 40.86)
hsv(120 100% 100%)lch(87.82 113.33 134.38)
hsv(240 100% 100%)lch(29.57 131.2 301.36)
hsv(0 0% 100%)lch(100 0 0)
hsv(0 0% 0%)lch(0 0 0)
hsv(0 0% 50.2%)lch(53.59 0 0)
hsv(10.59 80% 100%)lch(61.03 84.67 41.37)
hsv(217.22 76.02% 96.47%)lch(54.62 66.37 277.59)
hsv(160.12 91.35% 72.55%)lch(66.69 53.46 161.39)
hsv(37.69 95.51% 96.08%)lch(72.79 80.1 70.35)
hsv(258.31 62.6% 96.47%)lch(50.69 85.19 302.56)
hsv(330.37 69.49% 92.55%)lch(57.31 68.24 354.01)

Despre HSB / HSV și LCH

HSV, numit și HSB, folosește nuanța, saturația și valoarea (strălucirea). Photoshop, Figma și majoritatea selectoarelor de culori îl folosesc pentru pătratul de selecție.

CIE LCH este Lab în formă polară: luminozitate, cromă și nuanță. Este mai intuitiv decât Lab și este suportat în CSS ca lch().

Cum funcționează conversia

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

Lipește sau scrie o valoare HSB / HSV î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 LCH.

Conversia din HSB / HSV în LCH 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.