HSV-ről HSL-re

HSV színértékek konvertálása HSL-lé a sokoldalú színmanipulációhoz a tervezőrendszerekben

Váltson az intuitív színmodellek között a nagyobb tervezési rugalmasság érdekében

Színátalakító

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Színárnyalat 0°

0-360° color wheel position

Telítettség 100%

0-100% color intensity

Könnyűség 50%

0-100% brightness

hsl(0°, 100%, 50%)

További formátumok

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

CSS használat

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

Konverziós információk

Ez az élénk vörös szín mindkét színmodellben teljes telítettséget tart fenn, de eltérő fényerő-méréseket mutat, ami a Value (HSV) és a Lightness (HSL) közötti kulcsfontosságú különbséget mutatja.

Konverziós példák

Élénkpiros

HSV 0°, 100%, 100%

HSL 0°, 100%, 50%

Különbség Könnyűség = az érték 50%-a

Erdőzöld

HSV 120°, 75%, 55%

HSL 120°, 60%, 35%

Különbség Világossági skálához igazítva

Királykék

HSV 220°, 75%, 88%

HSL 220°, 70%, 55%

Különbség Az érzékeléshez kiegyensúlyozott könnyedség

Lágy rózsaszín

HSV 340°, 40%, 95%

HSL 340°, 70%, 80%

Különbség A HSL telítettsége megnőtt

Tompa lila

HSV 270°, 30%, 70%

HSL 270°, 30%, 60%

Különbség Világosság lefelé igazítva

Szürke tónus

HSV 0°, 0%, 50%

HSL 0°, 0%, 50%

Különbség Szürkeárnyalatoshoz azonos

Ajánlott eszközök

HSL to HSV Converter

HSL színértékek visszakonvertálása HSV-vé alternatív színmanipulációhoz

Színharmónia generátor

Kiegyensúlyozott színsémák létrehozása HSL-alapú színkapcsolatok használatával

HSL Color Scales

HSL-korrekciók segítségével bármilyen színárnyalatot, árnyalatot és tónust generálhat

Színmodell-összehasonlító

Színek megjelenítésének vizualizálása HSV, HSL, RGB és CMYK modellekben

Az eszközről

Ez a HSV-HSL konverter zökkenőmentes átmenetet tesz lehetővé két intuitív színmodell között, amelyek mindegyike különálló előnyökkel rendelkezik a különböző tervezési feladatokhoz és munkafolyamatokhoz.

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.

Bár mindkét modell megosztja a Színárnyalat és Telítettség komponenseket, a fényerő kezelése (Érték vs. Világosság) alapvetően eltérő viselkedést eredményez. Ez a konverter precíz matematikai algoritmusokat használ a modellek közötti átszámításhoz, miközben megőrzi a vizuális konzisztenciát, lehetővé téve a tervezők számára, hogy kihasználják mindkét modell erősségeit a munkafolyamatuk során.