HSV į HSL

Konvertuokite HSV spalvų reikšmes į HSL, kad būtų galima lanksčiai manipuliuoti spalvomis dizaino sistemose

Intuityvių spalvų modelių perjungimas padidins dizaino lankstumą

Spalvų keitiklis

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Atspalvis 0°

0-360° color wheel position

Sotumas 100%

0-100% color intensity

Lengvumas 50%

0-100% brightness

hsl(0°, 100%, 50%)

Papildomi formatai

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

CSS naudojimas

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

Konversijos įžvalga

Ši ryški raudona spalva išlaiko visišką sodrumą abiejuose spalvų modeliuose, tačiau pasižymi skirtingais ryškumo matavimais, o tai rodo pagrindinį skirtumą tarp vertės (HSV) ir šviesumo (HSL).

Konversijos pavyzdžiai

Ryškiai raudona

HSV 0°, 100%, 100%

HSL 0°, 100%, 50%

Skirtumas Lengvumas = 50 % vertės

Miško žalia

HSV 120°, 75%, 55%

HSL 120°, 60%, 35%

Skirtumas Koreguota pagal šviesumo skalę

Karališkoji mėlyna

HSV 220°, 75%, 88%

HSL 220°, 70%, 55%

Skirtumas Lengvumas subalansuotas suvokimui

Švelniai rožinė

HSV 340°, 40%, 95%

HSL 340°, 70%, 80%

Skirtumas HSL padidėjo sodrumas

Prislopinta violetinė

HSV 270°, 30%, 70%

HSL 270°, 30%, 60%

Skirtumas Šviesumas sumažintas

Pilkas tonas

HSV 0°, 0%, 50%

HSL 0°, 0%, 50%

Skirtumas Identiškas pilkos spalvos atspalviams

Rekomenduojami įrankiai

HSL to HSV Converter

Konvertuokite HSL spalvų reikšmes atgal į HSV, kad galėtumėte manipuliuoti spalvomis alternatyviai

Spalvų harmonijos generatorius

Sukurkite subalansuotas spalvų schemas naudodami HSL pagrįstus spalvų santykius

HSL Color Scales

Generuokite bet kokios spalvos atspalvius, atspalvius ir tonus naudodami HSL koregavimus

Spalvų modelio palyginimo priemonė

Vizualizuokite, kaip spalvos atrodo HSV, HSL, RGB ir CMYK modeliuose

Apie šį įrankį

Šis HSV į HSL keitiklis palengvina sklandų perėjimą tarp dviejų intuityvių spalvų modelių, kurių kiekvienas turi skirtingų pranašumų skirtingoms dizaino užduotims ir darbo eigoms.

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.

Nors abu modeliai turi bendrus atspalvio ir sodrumo komponentus, jų ryškumo apdorojimas (reikšmė ir šviesumas) sukuria iš esmės skirtingą elgseną. Šis konverteris naudoja tikslius matematinius algoritmus, kad konvertuotų tarp šių modelių, išsaugant vizualinį nuoseklumą, leisdamas dizaineriams išnaudoti kiekvieno modelio stipriąsias puses visame savo darbo procese.