PantoneTools

Da HSV a HSL

Convertire i valori di colore HSV in HSL per una manipolazione versatile del colore nei sistemi di progettazione

Trasforma modelli di colore intuitivi per una maggiore flessibilità di progettazione

Convertitore di colori

HSV Input

180° 360°
100%
0% 50% 100%
100%
0% 50% 100%

Clicca sui campioni di colore per vedere gli esempi

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Tinta

0-360° color wheel position

Saturazione 100%

0-100% color intensity

Leggerezza 50%

0-100% brightness

hsl(0°, 100%, 50%)

Formati aggiuntivi

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

Utilizzo CSS

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

Approfondimento sulla conversione

Questo rosso vibrante mantiene la piena saturazione in entrambi i modelli di colore, ma mostra diverse misurazioni della luminosità, dimostrando la differenza fondamentale tra Valore (HSV) e Luminosità (HSL).

Esempi di conversione

Rosso vibrante

HSV 0°, 100%, 100%
HSL 0°, 100%, 50%
Differenza Leggerezza = 50% del Valore

Verde foresta

HSV 120°, 75%, 55%
HSL 120°, 60%, 35%
Differenza Regolato per la scala di luminosità

Blu reale

HSV 220°, 75%, 88%
HSL 220°, 70%, 55%
Differenza Leggerezza bilanciata per la percezione

Rosa tenue

HSV 340°, 40%, 95%
HSL 340°, 70%, 80%
Differenza Saturazione aumentata in HSL

Viola tenue

HSV 270°, 30%, 70%
HSL 270°, 30%, 60%
Differenza Luminosità regolata verso il basso

Tono grigio

HSV 0°, 0%, 50%
HSL 0°, 0%, 50%
Differenza Identico per la scala di grigi

Strumenti consigliati

Informazioni su questo strumento

Questo convertitore da HSV a HSL semplifica la transizione tra due modelli di colore intuitivi, ciascuno con vantaggi distinti per diverse attività di progettazione e flussi di lavoro.

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.

Sebbene entrambi i modelli condividano i componenti Tonalità e Saturazione, il loro trattamento della luminosità (Valore vs. Luminosità) crea comportamenti fondamentalmente diversi. Questo convertitore utilizza algoritmi matematici precisi per tradurre i dati tra questi modelli, preservando al contempo la coerenza visiva, consentendo ai designer di sfruttare i punti di forza di ciascun modello durante tutto il loro flusso di lavoro.

Domande frequenti