HSV kwa HSL

Badilisha thamani za rangi za HSV ziwe HSL kwa upotoshaji wa rangi nyingi katika mifumo ya muundo

Badilisha kati ya miundo ya rangi angavu kwa unyumbulifu ulioimarishwa wa muundo

Kubadilisha Rangi

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Hue 0°

0-360° color wheel position

Kueneza 100%

0-100% color intensity

Wepesi 50%

0-100% brightness

hsl(0°, 100%, 50%)

Miundo ya Ziada

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

Matumizi ya CSS

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

Maarifa ya Uongofu

Nyekundu hii mahiri hudumisha uenezi kamili katika miundo yote miwili ya rangi lakini huonyesha vipimo tofauti vya mwangaza, kuonyesha tofauti kuu kati ya Thamani (HSV) na Nyepesi (HSL).

Mifano ya Uongofu

Nyekundu Inayovutia

HSV 0°, 100%, 100%

HSL 0°, 100%, 50%

Tofauti Wepesi = 50% ya Thamani

Msitu wa Kijani

HSV 120°, 75%, 55%

HSL 120°, 60%, 35%

Tofauti Imerekebishwa kwa mizani ya wepesi

Bluu ya Kifalme

HSV 220°, 75%, 88%

HSL 220°, 70%, 55%

Tofauti Mwangaza usawa kwa mtazamo

Pink Laini

HSV 340°, 40%, 95%

HSL 340°, 70%, 80%

Tofauti Kueneza kuliongezeka katika HSL

Zambarau Iliyonyamazishwa

HSV 270°, 30%, 70%

HSL 270°, 30%, 60%

Tofauti Wepesi umerekebishwa kuelekea chini

Toni ya Kijivu

HSV 0°, 0%, 50%

HSL 0°, 0%, 50%

Tofauti Inafanana na rangi ya kijivu

Zana Zinazopendekezwa

HSL to HSV Converter

Geuza thamani za rangi za HSL ziwe HSV kwa upotoshaji mbadala wa rangi

Jenereta ya Harmony ya Rangi

Unda mipango ya rangi iliyosawazishwa kwa kutumia uhusiano wa rangi unaotegemea HSL

HSL Color Scales

Tengeneza rangi, vivuli na toni za rangi yoyote kwa kutumia marekebisho ya HSL

Kilinganishi cha Mfano wa Rangi

Tazama jinsi rangi zinavyoonekana kwenye miundo ya HSV, HSL, RGB na CMYK

Kuhusu Chombo hiki

Kigeuzi hiki cha HSV hadi HSL hurahisisha ubadilishanaji usio na mshono kati ya miundo miwili ya rangi angavu, kila moja ikiwa na manufaa mahususi kwa kazi tofauti za muundo na mtiririko wa kazi.

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.

Ingawa miundo yote miwili inashiriki vipengele vya Hue na Kueneza, jinsi inavyoshughulikia mwangaza (Thamani dhidi ya Wepesi) huunda tabia tofauti kimsingi. Kigeuzi hiki hutumia algoriti sahihi za hisabati kutafsiri kati ya miundo hii huku kikihifadhi uthabiti wa mwonekano, kuruhusu wabunifu kutumia nguvu za kila muundo katika utendakazi wao.