HSV til HSL
Konverter HSV-fargeverdier til HSL for allsidig fargemanipulering i designsystemer
Fargekonverterer
HSL Output
HSL Values
0-360° color wheel position
0-100% color intensity
0-100% brightness
hsl(0°, 100%, 50%)
Ytterligere formater
HSV Value
hsv(0°, 100%, 100%)
RGB Value
rgb(255, 0, 0)
CSS-bruk
color: hsl(0°, 100%, 50%);
background-color: hsl(0°, 100%, 50%);
Konverteringsinnsikt
Denne livlige rødfargen opprettholder full metning i begge fargemodellene, men viser forskjellige lysstyrkemålinger, noe som demonstrerer den viktigste forskjellen mellom verdi (HSV) og lyshet (HSL).
Eksempler på konverteringer
Livlig rød
Skoggrønn
Kongeblå
Myk rosa
Dempet lilla
Gråtone
Anbefalte verktøy
HSL to HSV Converter
Konverter HSL-fargeverdier tilbake til HSV for alternativ fargemanipulering
Fargeharmonigenerator
Lag balanserte fargeskjemaer ved hjelp av HSL-baserte fargerelasjoner
HSL Color Scales
Generer fargetoner, nyanser og toner av alle farger ved hjelp av HSL-justeringer
Fargemodellkomparator
Visualiser hvordan farger vises på tvers av HSV-, HSL-, RGB- og CMYK-modeller
Om dette verktøyet
Denne HSV-til-HSL-konvertereren muliggjør sømløs overgang mellom to intuitive fargemodeller, hver med distinkte fordeler for ulike designoppgaver og arbeidsflyter.
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.
Selv om begge modellene deler fargetone- og metningskomponenter, skaper behandlingen av lysstyrke (verdi vs. lyshet) fundamentalt forskjellig oppførsel. Denne konverteren bruker presise matematiske algoritmer for å oversette mellom disse modellene samtidig som den bevarer visuell konsistens, slik at designere kan utnytte styrkene til hver modell gjennom hele arbeidsflyten.