Convertitore da HSLA a HSB / HSV
Incolla un valore HSLA e ottieni subito HSB / HSV. Funziona anche con qualsiasi altro formato.
Letto come HSL
Lo stesso colore senza trasparenza, in HSB / HSV pieno
Regola il colore
Tutti gli altri formati
Tabella dell’opacità: alfa in HEX e HSLA
Nell’HEX a 8 cifre le ultime due indicano l’opacità: FF è del tutto opaco, 80 è circa il 50%, 00 è del tutto trasparente. La tabella mostra il colore d’esempio a passi del 5%.
| Opacità | Alfa in HEX | HEX | HSLA |
|---|---|---|---|
| 100% | ff | #ff5733 | hsla(10.59, 100%, 60%, 1) |
| 95% | f2 | #ff5733f2 | hsla(10.59, 100%, 60%, 0.95) |
| 90% | e6 | #ff5733e6 | hsla(10.59, 100%, 60%, 0.9) |
| 85% | d9 | #ff5733d9 | hsla(10.59, 100%, 60%, 0.85) |
| 80% | cc | #ff5733cc | hsla(10.59, 100%, 60%, 0.8) |
| 75% | bf | #ff5733bf | hsla(10.59, 100%, 60%, 0.75) |
| 70% | b3 | #ff5733b3 | hsla(10.59, 100%, 60%, 0.7) |
| 65% | a6 | #ff5733a6 | hsla(10.59, 100%, 60%, 0.65) |
| 60% | 99 | #ff573399 | hsla(10.59, 100%, 60%, 0.6) |
| 55% | 8c | #ff57338c | hsla(10.59, 100%, 60%, 0.55) |
| 50% | 80 | #ff573380 | hsla(10.59, 100%, 60%, 0.5) |
| 45% | 73 | #ff573373 | hsla(10.59, 100%, 60%, 0.45) |
| 40% | 66 | #ff573366 | hsla(10.59, 100%, 60%, 0.4) |
| 35% | 59 | #ff573359 | hsla(10.59, 100%, 60%, 0.35) |
| 30% | 4d | #ff57334d | hsla(10.59, 100%, 60%, 0.3) |
| 25% | 40 | #ff573340 | hsla(10.59, 100%, 60%, 0.25) |
| 20% | 33 | #ff573333 | hsla(10.59, 100%, 60%, 0.2) |
| 15% | 26 | #ff573326 | hsla(10.59, 100%, 60%, 0.15) |
| 10% | 1a | #ff57331a | hsla(10.59, 100%, 60%, 0.1) |
| 5% | 0d | #ff57330d | hsla(10.59, 100%, 60%, 0.05) |
| 0% | 00 | #ff573300 | hsla(10.59, 100%, 60%, 0) |
Esempi da HSLA a HSB / HSV
Informazioni su HSLA e HSB / HSV
HSLA è l’HSL con un canale alfa per l’opacità, scritto come hsla(11, 100%, 60%, 0.5). L’alfa va da 0 (del tutto trasparente) a 1 (del tutto opaco) e il CSS moderno lo accetta anche dentro hsl().
HSV, detto anche HSB, usa tonalità, saturazione e valore. Photoshop, Figma e la maggior parte dei selettori colori lo usano per il riquadro di selezione.
Come funziona la conversione
Leggiamo il valore HSLA, lo convertiamo in CIE XYZ con le matrici della specifica CSS Color 4 e poi in HSB / HSV. I valori fuori dal gamut di destinazione vengono adattati con l’algoritmo di CSS Color 4, che mantiene luminosità e tonalità e riduce il croma.
Domande e risposte
Come si converte HSLA in HSB / HSV?
Incolla o digita un valore HSLA nel campo qui sopra. PickShade lo converte con le formule di CSS Color 4 mentre scrivi, e con un clic copi il valore HSB / HSV.
La conversione da HSLA a HSB / HSV è esatta?
Il calcolo è esatto e il risultato viene arrotondato solo per la visualizzazione, con abbastanza cifre da riconvertirlo nello stesso colore. Se il colore non rientra nel gamut di destinazione, PickShade ti avvisa e mostra il colore più vicino che ci rientra.
Posso ottenere anche altri formati?
Sì. Tutti gli altri formati, compresi OKLCH, Display P3, Tailwind, SwiftUI, Flutter e Android, sono elencati sotto il risultato e si copiano con un clic.
Questo convertitore è gratuito?
Sì. È gratuito, non richiede registrazione e funziona interamente nel tuo browser.