PantoneVærktøjer

HSV til HSL

Konverter HSV-farveværdier til HSL for alsidig farvemanipulation i designsystemer

Skift mellem intuitive farvemodeller for forbedret designfleksibilitet

Farvekonverter

HSV Input

180° 360°
100%
0% 50% 100%
100%
0% 50% 100%

Klik på farveprøver for eksempler

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Farvetone

0-360° color wheel position

Mætning 100%

0-100% color intensity

Lethed 50%

0-100% brightness

hsl(0°, 100%, 50%)

Yderligere formater

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

CSS-brug

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

Konverteringsindsigt

Denne livlige røde farve opretholder fuld mætning i begge farvemodeller, men viser forskellige lysstyrkemålinger, hvilket demonstrerer den vigtigste forskel mellem værdi (HSV) og lysstyrke (HSL).

Eksempler på konverteringer

Levende rød

HSV 0°, 100%, 100%
HSL 0°, 100%, 50%
Forskel Lethed = 50% af værdien

Skovgrøn

HSV 120°, 75%, 55%
HSL 120°, 60%, 35%
Forskel Justeret for lysstyrkeskala

Kongeblå

HSV 220°, 75%, 88%
HSL 220°, 70%, 55%
Forskel Lethed afbalanceret for opfattelse

Blød lyserød

HSV 340°, 40%, 95%
HSL 340°, 70%, 80%
Forskel Mætning øget i HSL

Dæmpet lilla

HSV 270°, 30%, 70%
HSL 270°, 30%, 60%
Forskel Lysstyrke justeret nedad

Grå tone

HSV 0°, 0%, 50%
HSL 0°, 0%, 50%
Forskel Identisk for gråtoner

Anbefalede værktøjer

Om dette værktøj

Denne HSV til HSL-konverter muliggør problemfri overgang mellem to intuitive farvemodeller, der hver især har forskellige fordele til forskellige designopgaver og arbejdsgange.

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.

Selvom begge modeller deler farvetone- og mætningskomponenter, skaber deres behandling af lysstyrke (værdi vs. lysstyrke) fundamentalt forskellige adfærdsmønstre. Denne konverter bruger præcise matematiske algoritmer til at oversætte mellem disse modeller, samtidig med at den bevarer visuel konsistens, hvilket giver designere mulighed for at udnytte styrkerne ved hver model i hele deres arbejdsgang.

Ofte stillede spørgsmål