HSV către HSL

Conversia valorilor de culoare HSV în HSL pentru o manipulare versatilă a culorilor în sistemele de design

Transformați între modele de culori intuitive pentru o flexibilitate sporită a designului

Convertor de culoare

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Nuanţă 0°

0-360° color wheel position

Saturaţie 100%

0-100% color intensity

Lejeritate 50%

0-100% brightness

hsl(0°, 100%, 50%)

Formate suplimentare

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

Utilizarea CSS

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

Informații despre conversii

Acest roșu vibrant menține saturația completă în ambele modele de culoare, dar prezintă măsurători diferite ale luminozității, demonstrând diferența cheie dintre Valoare (HSV) și Luminozitate (HSL).

Exemple de conversie

Roșu vibrant

HSV 0°, 100%, 100%

HSL 0°, 100%, 50%

Diferenţă Luminozitate = 50% din Valoare

Verde Pădure

HSV 120°, 75%, 55%

HSL 120°, 60%, 35%

Diferenţă Ajustat pentru scala de luminozitate

Albastru regal

HSV 220°, 75%, 88%

HSL 220°, 70%, 55%

Diferenţă Luminozitate echilibrată pentru percepție

Roz pal

HSV 340°, 40%, 95%

HSL 340°, 70%, 80%

Diferenţă Saturație crescută în HSL

Violet discret

HSV 270°, 30%, 70%

HSL 270°, 30%, 60%

Diferenţă Luminozitate ajustată în jos

Ton de gri

HSV 0°, 0%, 50%

HSL 0°, 0%, 50%

Diferenţă Identic pentru tonuri de gri

Instrumente recomandate

HSL to HSV Converter

Conversia valorilor de culoare HSL înapoi în HSV pentru manipularea alternativă a culorilor

Generator de armonie a culorilor

Creați scheme de culori echilibrate folosind relații de culori bazate pe HSL

HSL Color Scales

Generați nuanțe, nuanțe și tonuri de orice culoare folosind ajustări HSL

Comparator de modele de culori

Vizualizați cum apar culorile în modelele HSV, HSL, RGB și CMYK

Despre acest instrument

Acest convertor HSV în HSL facilitează o tranziție fără probleme între două modele de culori intuitive, fiecare cu avantaje distincte pentru diferite sarcini de design și fluxuri de lucru.

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.

Deși ambele modele au în comun componente de Nuanță și Saturație, tratamentul luminozității (Valoare vs. Luminozitate) creează comportamente fundamental diferite. Acest convertor folosește algoritmi matematici preciși pentru a face traducerea între aceste modele, păstrând în același timp consecvența vizuală, permițând designerilor să valorifice punctele forte ale fiecărui model în întregul flux de lucru.