What is a color picker?

A color picker is a tool that lets you select a color visually and provides the corresponding color code in formats like HEX (#FF5733), RGB (255, 87, 51), and HSL (11, 100%, 60%). These codes are used in web design, graphic design, and programming.

What is the difference between HEX, RGB, and HSL?

HEX is a 6-digit hexadecimal code (#RRGGBB) commonly used in CSS. RGB defines color by Red, Green, Blue values (0-255). HSL uses Hue (0-360°), Saturation (0-100%), and Lightness (0-100%), making it easier to adjust colors intuitively.

Is this color picker free?

Yes. 100% free, no signup, runs entirely in your browser. No data is sent to any server.

Color Picker

Seleziona qualsiasi colore e ottieni valori HEX, RGB e HSL istantaneamente. Clicca sullo spettro, regola la tonalità, copia il codice.

HEX

RGB

HSL

CSS

Colori recenti

Come usare il Color Picker

Seleziona

Clicca in qualsiasi punto dello spettro cromatico per selezionare un colore. Usa il cursore tonalità in basso per cambiare la tonalità base.

Leggi

I valori HEX, RGB, HSL e CSS si aggiornano istantaneamente. Puoi anche digitare un codice HEX direttamente nel campo di input.

Copia

Clicca il pulsante copia accanto a qualsiasi valore per copiarlo negli appunti. I colori recenti vengono salvati nella barra della cronologia.

Riferimento formati colore

Formato	Esempio	Usato in	Vantaggio
HEX	#FF5733	CSS, HTML, design tools	Compatto, ampiamente riconosciuto
RGB	rgb(255, 87, 51)	CSS, JavaScript, Photoshop	Corrisponde a come gli schermi visualizzano il colore
HSL	hsl(11, 100%, 60%)	CSS, design systems moderni	Intuitivo da regolare (tonalità, saturazione, luminosità)

Casi d’uso comuni

Sviluppo web

Seleziona colori per fogli di stile CSS, componenti React e design token. Copia i valori HEX o HSL direttamente nel tuo codice.

Design grafico

Trova valori di colore esatti per Figma, Photoshop, Illustrator o Canva. Confronta i colori del brand inserendo un codice HEX noto.

Presentazioni

Scegli colori complementari per PowerPoint o Google Slides. Usa lo spettro per trovare colori che funzionano bene insieme.

Social media

Confronta i colori del brand per grafiche sui social media, banner e elementi del profilo. Copia i valori CSS per i design tool basati sul web.

Domande frequenti

Quale’è la differenza tra HEX, RGB e HSL?

HEX è un codice esadecimale a 6 cifre (#RRGGBB) usato in CSS e HTML. RGB definisce il colore tramite i canali Rosso, Verde e Blu (0–255 ciascuno). HSL usa Tonalità (0–360°), Saturazione (0–100%) e Luminosità (0–100%), rendendo più facile creare variazioni di colore regolando una dimensione alla volta.

Posso selezionare un colore da un’immagine?

Questo strumento fornisce un color picker basato sullo spettro. Per selezionare colori da un’immagine esistente, prova l’API EyeDropper integrata del browser (Chrome 95+) o fai uno screenshot e usa lo spettro per confrontare il colore visivamente.

Questo color picker è gratuito?

Sì. 100% gratuito, nessuna registrazione, nessun annuncio. Lo strumento funziona interamente nel tuo browser — nessun dato viene inviato a nessun server. Funziona offline dopo che la pagina si carica.

Strumenti correlati

Immagine a Base64 Ridimensiona immagine Immagine in scala di grigi Ridimensionatore immagini OG