Convertitore da HSLA a XYZ D65
Incolla un valore HSLA e ottieni subito XYZ D65. Funziona anche con qualsiasi altro formato.
Letto come HSL
Lo stesso colore senza trasparenza, in XYZ D65 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 XYZ D65
Informazioni su HSLA e XYZ D65
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().
CIE XYZ è lo spazio di riferimento da cui sono definiti tutti gli altri. I convertitori lo usano come terreno comune tra i formati.
Come funziona la conversione
Leggiamo il valore HSLA, lo convertiamo in CIE XYZ con le matrici della specifica CSS Color 4 e poi in XYZ D65. 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 XYZ D65?
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 XYZ D65.
La conversione da HSLA a XYZ D65 è 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.