Convertitore da RGB a HSB
Ottieni i valori di tonalità, saturazione e luminosità di un colore RGB da inserire in Photoshop, Figma o Sketch.
Input rgb
Risultato · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Come si usa: Da RGB a HSB
- 1
Inserisci un colore
Digita un codice colore o scegli un colore con il selettore: ogni campo accetta il formato che mostra.
- 2
Guarda la conversione
Il risultato si aggiorna all’istante mentre digiti, insieme a un’anteprima dal vivo del colore.
- 3
Copia il codice
Copia il valore che ti serve con un clic e incollalo nel tuo progetto grafico, nel CSS o nelle impostazioni di stampa.
Che cosa significa HSB
HSB sta per hue, saturation e brightness, cioè tonalità, saturazione e luminosità. È lo stesso modello dell’HSV — cambia solo il nome della terza componente — ed è il nome che Adobe Photoshop, Illustrator, Figma e Sketch usano nei loro selettori colore. La tonalità è espressa in gradi da 0 a 360, saturazione e luminosità in percentuale.
Converti RGB in HSB quando hai i valori dei canali da uno screenshot, un sito web o una specifica e vuoi inserire il colore in un’app di design che lavora in HSB, oppure quando vuoi capire meglio un colore: una saturazione bassa indica un tono grigiastro, una luminosità bassa un tono scuro. Ad esempio, rgb(255, 61, 114) diventa hsb(344, 76%, 100%). Lo strumento mostra anche HEX, HSL, HSV e CMYK per lo stesso colore, ciascuno con un pulsante per copiarlo.
Tutto funziona in locale nel tuo browser: le tue immagini non vengono mai caricate su un server.