HSV til HSL
Konverter HSV-farveværdier til HSL for alsidig farvemanipulation i designsystemer
Farvekonverter
HSL Output
HSL Values
0-360° color wheel position
0-100% color intensity
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
Skovgrøn
Kongeblå
Blød lyserød
Dæmpet lilla
Grå tone
Anbefalede værktøjer
HSL to HSV Converter
Konverter HSL-farveværdier tilbage til HSV for alternativ farvemanipulation
Farveharmonigenerator
Skab afbalancerede farveskemaer ved hjælp af HSL-baserede farveforhold
HSL Color Scales
Generer nuancer, nuancer og toner af enhver farve ved hjælp af HSL-justeringer
Farvemodelkomparator
Visualiser, hvordan farver vises på tværs af HSV-, HSL-, RGB- og CMYK-modeller
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.