HSV në HSL

Konvertoni vlerat e ngjyrave HSV në HSL për manipulim të gjithanshëm të ngjyrave në sistemet e dizajnit

Transformoni midis modeleve intuitive të ngjyrave për fleksibilitet të përmirësuar të dizajnit

Konvertuesi i Ngjyrave

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Nuancë 0°

0-360° color wheel position

Ngopja 100%

0-100% color intensity

Lehtësia 50%

0-100% brightness

hsl(0°, 100%, 50%)

Formate të tjera

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

Përdorimi i CSS-së

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

Informata për Konvertimet

Kjo e kuqe e gjallë ruan ngopjen e plotë në të dy modelet e ngjyrave, por tregon matje të ndryshme të shkëlqimit, duke demonstruar ndryshimin kryesor midis Vlerës (HSV) dhe Shkëlqësisë (HSL).

Shembuj të Konvertimit

E kuqe e ndezur

HSV 0°, 100%, 100%

HSL 0°, 100%, 50%

Diferenca Lehtësia = 50% e Vlerës

Green Forest

HSV 120°, 75%, 55%

HSL 120°, 60%, 35%

Diferenca Rregulluar për shkallën e ndriçimit

Blu Mbretërore

HSV 220°, 75%, 88%

HSL 220°, 70%, 55%

Diferenca Lehtësi e ekuilibruar për perceptim

Rozë e butë

HSV 340°, 40%, 95%

HSL 340°, 70%, 80%

Diferenca Ngopja u rrit në HSL

Vjollcë e zbehtë

HSV 270°, 30%, 70%

HSL 270°, 30%, 60%

Diferenca Shkëlqimi i rregulluar poshtë

Ton gri

HSV 0°, 0%, 50%

HSL 0°, 0%, 50%

Diferenca Identike për shkallën e grisë

Mjete të rekomanduara

HSL to HSV Converter

Konvertoni vlerat e ngjyrave HSL përsëri në HSV për manipulim alternativ të ngjyrave

Gjenerator i Harmonisë së Ngjyrave

Krijoni skema ngjyrash të balancuara duke përdorur marrëdhënie ngjyrash të bazuara në HSL

HSL Color Scales

Gjeneroni nuanca, nuanca dhe tone të çdo ngjyre duke përdorur rregullimet HSL

Krahasuesi i Modelit të Ngjyrave

Vizualizoni se si shfaqen ngjyrat në modelet HSV, HSL, RGB dhe CMYK

Rreth këtij mjeti

Ky konvertues HSV në HSL lehtëson kalimin pa probleme midis dy modeleve intuitive të ngjyrave, secili me avantazhe të dallueshme për detyra dhe rrjedha pune të ndryshme të projektimit.

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.

Ndërsa të dy modelet ndajnë komponentët Hue dhe Saturation, trajtimi i tyre i shkëlqimit (Vlera kundrejt Shkëlqimit) krijon sjellje thelbësisht të ndryshme. Ky konvertues përdor algoritme të sakta matematikore për të përkthyer midis këtyre modeleve duke ruajtur qëndrueshmërinë vizuale, duke u lejuar projektuesve të shfrytëzojnë pikat e forta të secilit model gjatë gjithë rrjedhës së tyre të punës.