Convertitore da RGBA a HSB / HSV
Incolla un valore RGBA e ottieni subito HSB / HSV. Funziona anche con qualsiasi altro formato.
Letto come RGB
Lo stesso colore senza trasparenza, in HSB / HSV pieno
Regola il colore
Tutti gli altri formati
Tabella dell’opacità: alfa in HEX e RGBA
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 | RGBA |
|---|---|---|---|
| 100% | ff | #ff5733 | rgba(255, 87, 51, 1) |
| 95% | f2 | #ff5733f2 | rgba(255, 87, 51, 0.95) |
| 90% | e6 | #ff5733e6 | rgba(255, 87, 51, 0.9) |
| 85% | d9 | #ff5733d9 | rgba(255, 87, 51, 0.85) |
| 80% | cc | #ff5733cc | rgba(255, 87, 51, 0.8) |
| 75% | bf | #ff5733bf | rgba(255, 87, 51, 0.75) |
| 70% | b3 | #ff5733b3 | rgba(255, 87, 51, 0.7) |
| 65% | a6 | #ff5733a6 | rgba(255, 87, 51, 0.65) |
| 60% | 99 | #ff573399 | rgba(255, 87, 51, 0.6) |
| 55% | 8c | #ff57338c | rgba(255, 87, 51, 0.55) |
| 50% | 80 | #ff573380 | rgba(255, 87, 51, 0.5) |
| 45% | 73 | #ff573373 | rgba(255, 87, 51, 0.45) |
| 40% | 66 | #ff573366 | rgba(255, 87, 51, 0.4) |
| 35% | 59 | #ff573359 | rgba(255, 87, 51, 0.35) |
| 30% | 4d | #ff57334d | rgba(255, 87, 51, 0.3) |
| 25% | 40 | #ff573340 | rgba(255, 87, 51, 0.25) |
| 20% | 33 | #ff573333 | rgba(255, 87, 51, 0.2) |
| 15% | 26 | #ff573326 | rgba(255, 87, 51, 0.15) |
| 10% | 1a | #ff57331a | rgba(255, 87, 51, 0.1) |
| 5% | 0d | #ff57330d | rgba(255, 87, 51, 0.05) |
| 0% | 00 | #ff573300 | rgba(255, 87, 51, 0) |
Esempi da RGBA a HSB / HSV
Informazioni su RGBA e HSB / HSV
RGBA è l’RGB con un canale alfa per l’opacità, scritto come rgba(255, 87, 51, 0.5). L’alfa va da 0 (del tutto trasparente) a 1 (del tutto opaco). La stessa opacità si può scrivere in HEX a 8 cifre, come #ff573380.
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 RGBA, 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 RGBA in HSB / HSV?
Incolla o digita un valore RGBA 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 RGBA 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.