HSV v HSL

Pretvorite barvne vrednosti HSV v HSL za vsestransko manipulacijo barv v oblikovalskih sistemih

Preklapljanje med intuitivnimi barvnimi modeli za večjo prilagodljivost oblikovanja

Pretvornik barv

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Odtenek 0°

0-360° color wheel position

Nasičenost 100%

0-100% color intensity

Lahkotnost 50%

0-100% brightness

hsl(0°, 100%, 50%)

Dodatne oblike

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

Uporaba CSS-ja

color: hsl(0°, 100%, 50%);
background-color: hsl(0°, 100%, 50%);

Vpogled v konverzije

Ta živahna rdeča barva ohranja polno nasičenost v obeh barvnih modelih, vendar kaže različne meritve svetlosti, kar prikazuje ključno razliko med vrednostjo (HSV) in svetlostjo (HSL).

Primeri pretvorb

Živahna rdeča

HSV 0°, 100%, 100%

HSL 0°, 100%, 50%

Razlika Lahkotnost = 50 % vrednosti

Gozdno zelena

HSV 120°, 75%, 55%

HSL 120°, 60%, 35%

Razlika Prilagojeno glede na lestvico svetlosti

Kraljevsko modra

HSV 220°, 75%, 88%

HSL 220°, 70%, 55%

Razlika Lahkotnost, uravnotežena za zaznavanje

Nežno roza

HSV 340°, 40%, 95%

HSL 340°, 70%, 80%

Razlika Nasičenost se je povečala v HSL

Utišana vijolična

HSV 270°, 30%, 70%

HSL 270°, 30%, 60%

Razlika Svetlost prilagojena navzdol

Sivi ton

HSV 0°, 0%, 50%

HSL 0°, 0%, 50%

Razlika Enako za sivinske odtenke

Priporočena orodja

HSL to HSV Converter

Pretvorite barvne vrednosti HSL nazaj v HSV za alternativno manipulacijo barv

Generator barvne harmonije

Ustvarjanje uravnoteženih barvnih shem z uporabo barvnih odnosov na osnovi HSL

HSL Color Scales

Ustvarite odtenke, sence in tone katere koli barve z uporabo prilagoditev HSL

Primerjalnik barvnih modelov

Vizualizirajte, kako se barve pojavljajo v modelih HSV, HSL, RGB in CMYK

O tem orodju

Ta pretvornik HSV v HSL omogoča nemoten prehod med dvema intuitivnima barvnima modeloma, od katerih ima vsak svoje prednosti za različne oblikovalske naloge in delovne procese.

HSV (Hue, Saturation, Value) represents colors based on human perception, with Value controlling the brightness from black to full color. This makes it particularly intuitive for tasks like adjusting lightness while preserving chromatic intensity, common in interface design.

HSL (Hue, Saturation, Lightness) structures color around perceived lightness, with Lightness ranging from black through the pure color to white. This model excels at creating consistent color scales and harmonies, as equal increments in lightness produce perceptually consistent steps.

Čeprav si oba modela delita komponente Hue in Saturation, njuna obravnava svetlosti (Value vs. Lightness) ustvarja bistveno različno vedenje. Ta pretvornik uporablja natančne matematične algoritme za prevajanje med tema modeloma, hkrati pa ohranja vizualno skladnost, kar oblikovalcem omogoča, da izkoristijo prednosti vsakega modela v svojem delovnem procesu.