HSV u HSL

Pretvorite HSV vrijednosti boja u HSL za svestranu manipulaciju bojama u dizajnerskim sustavima

Transformirajte se između intuitivnih modela boja za poboljšanu fleksibilnost dizajna

Pretvarač boja

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Nijansa 0°

0-360° color wheel position

Zasićenost 100%

0-100% color intensity

Lakoća 50%

0-100% brightness

hsl(0°, 100%, 50%)

Dodatni formati

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

Korištenje CSS-a

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

Uvid u konverzije

Ova živahna crvena boja održava punu zasićenost u oba modela boja, ali pokazuje različita mjerenja svjetline, demonstrirajući ključnu razliku između vrijednosti (HSV) i svjetline (HSL).

Primjeri konverzije

Živahna crvena

HSV 0°, 100%, 100%

HSL 0°, 100%, 50%

Razlika Lakoća = 50% vrijednosti

Šumsko zelena

HSV 120°, 75%, 55%

HSL 120°, 60%, 35%

Razlika Prilagođeno za ljestvicu svjetline

Kraljevsko plava

HSV 220°, 75%, 88%

HSL 220°, 70%, 55%

Razlika Svjetlina uravnotežena za percepciju

Blijedo ružičasta

HSV 340°, 40%, 95%

HSL 340°, 70%, 80%

Razlika Zasićenost se povećala u HSL-u

Prigušena ljubičasta

HSV 270°, 30%, 70%

HSL 270°, 30%, 60%

Razlika Svjetlina prilagođena prema dolje

Sivi ton

HSV 0°, 0%, 50%

HSL 0°, 0%, 50%

Razlika Identično za sive tonove

Preporučeni alati

HSL to HSV Converter

Pretvorite HSL vrijednosti boja natrag u HSV za alternativnu manipulaciju bojama

Generator harmonije boja

Stvorite uravnotežene sheme boja koristeći odnose boja temeljene na HSL-u

HSL Color Scales

Generirajte nijanse, sjene i tonove bilo koje boje pomoću HSL prilagodbi

Usporednik modela boja

Vizualizirajte kako se boje prikazuju u HSV, HSL, RGB i CMYK modelima

O ovom alatu

Ovaj HSV u HSL pretvarač omogućuje besprijekoran prijelaz između dva intuitivna modela boja, svaki s različitim prednostima za različite dizajnerske zadatke i tijekove rada.

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.

Iako oba modela dijele komponente Hue i Saturation, njihov tretman svjetline (Value vs. Lightness) stvara fundamentalno različita ponašanja. Ovaj pretvarač koristi precizne matematičke algoritme za prevođenje između ovih modela uz očuvanje vizualne konzistentnosti, omogućujući dizajnerima da iskoriste prednosti svakog modela tijekom svog tijeka rada.