Image Color Picker

A most excellent

Hex Color Picker

Tune HEX and compare HWB, HSL, HSV, RGB, and OKLCH values in one calm workspace.

Selettore colore HEX

Un selettore colore HEX, sei modelli di colore

Inserisci un codice colore HEX e visualizza istantaneamente i valori corrispondenti in RGB, HSL, HSV, HWB e OKLCH. Sposta un cursore e tutte e sei le rappresentazioni si sincronizzano in tempo reale. Il codice HEX e l'hash URL si sincronizzano insieme, permettendo di aggiungere ai preferiti o condividere qualsiasi colore in pochi secondi.

Conversione HEX in RGB in tempo reale

Inserisci un colore HEX come #3b82f6 e i valori RGB si aggiornano istantaneamente. Il cercatore HEX accetta anche i codici abbreviati a tre cifre.

Cercatore di codice HEX con condivisione URL

Ad ogni regolazione del colore, l'hash URL si aggiorna automaticamente, trasformando questo cercatore di codice HEX in un preferito condivisibile. Invia il link ai membri del team e vedranno esattamente lo stesso colore.

Sei modelli di colore sincronizzati

HEX, RGB, HSL, HSV, HWB e OKLCH si aggiornano tutti insieme. Cambiare modello non perde mai il colore — perfetto per i token di design e le variabili CSS.

Interfaccia del selettore colore HEX con cursori per i modelli HSL, RGB e OKLCH

Cercatore di codice colore

Trovare qualsiasi codice colore — HEX, RGB, HSL, OKLCH

Questo cercatore di codice colore copre tutti gli standard utilizzati nel web design, nello sviluppo di app e nella stampa digitale. HEX è il formato predefinito per CSS e HTML. RGB è il formato nativo degli schermi. HSL è il formato leggibile dai designer. OKLCH è il prossimo formato percettivo in CSS Color Level 4. Tutti e quattro disponibili simultaneamente — copia quello che si adatta al tuo flusso di lavoro.

Cercatore di codice colore con valori HEX, RGB, HSL e OKLCH per un blu vivido
Selettore colori HTML con valori di codice colore HEX e RGB pronti per CSS

Selettore colori HTML

Selettore colori HTML per CSS e web design

Che tu stia scrivendo stili inline, definendo token di design o mantenendo una libreria di variabili CSS, questo selettore colori HTML fornisce il codice esatto di cui hai bisogno. Regola visivamente la tonalità, la saturazione e la luminosità, poi copia il codice colore HEX o il valore CSS rgb() direttamente nel foglio di stile.

  • Generare istantaneamente valori CSS validi: hex, rgb(), hsl(), hwb() e oklch().
  • La sincronizzazione dell'hash URL consente di salvare e condividere qualsiasi colore come preferito del browser.
  • Un indicatore di gamut segnala i colori che esistono solo in Display-P3 e sono fuori dal sRGB.
  • Funziona offline — nessuna chiamata API, nessuna dipendenza dal server.

Selettore RGB

Selettore RGB con cursori di precisione

Selettore RGB con tre cursori di canale indipendenti per rosso, verde e blu

Canali RGB dedicati

Tre cursori indipendenti R, G e B per miscelare i colori canale per canale. Il selettore RGB mostra valori decimali e codici HEX in tempo reale durante il trascinamento.

Selettore RGB con conversione live tra valori di canale RGB e codice colore HEX

Da RGB a HEX e viceversa

Incolla un codice HEX noto per vedere immediatamente la scomposizione RGB, oppure regola i cursori del selettore RGB per trovare il codice HEX di una sfumatura personalizzata. Nessun convertitore separato necessario.

Selettore RGB con confronto fianco a fianco dei campioni di gamut sRGB e Display-P3

Selettore RGB con supporto gamut ampio

Passa tra i gamut sRGB e Display-P3 per vedere se il colore scelto può essere riprodotto su schermi a gamut ampio. Entrambi i campioni si aggiornano fianco a fianco.

Domande frequenti

Domande sul selettore colore HEX