Che cos'è Selettore colore?
Scegli i colori visivamente e converti tra HEX, RGB, HSL e CMYK. Copia qualsiasi formato con un clic e regola i valori direttamente nel browser.
Come usare Selettore colore
- Inserisci un valore HEX o usa il selettore visivo per scegliere un colore.
- Controlla i valori RGB, HSL e CMYK convertiti mostrati di seguito.
- Regola gli input finché il colore non corrisponde al tuo design o obiettivo di codice.
- Copia il formato che ti serve con un clic.
Guide rapide
Riferimento formati colore confronta HEX, RGB, HSL e CMYK così puoi scegliere il formato giusto per CSS, design e flussi di lavoro di stampa.
Comprendere la selezione dei colori ▾
Esempio
Casi d'uso comuni
- Scegli colori UI esatti per CSS o token di design
- Copia i valori HEX, RGB o HSL nel codice front-end
- Ispeziona e confronta i colori durante il QA del design
- Crea piccole palette da un singolo colore selezionato
Domande frequenti
HEX, RGB, RGBA, HSL, HSLA e CMYK. Fai clic su qualsiasi campo formato per copiarne il valore.
Sui browser che supportano l'API EyeDropper (Chrome 95+), sì. Fai clic sull'icona del contagocce per prelevare da qualsiasi punto dello schermo.
HSL (Hue, Saturation, Lightness) e HSB/HSV (Hue, Saturation, Brightness/Value) sono entrambi modelli di colore cilindrici ma differiscono nel modo in cui definiscono il terzo asse. In HSL, una luminosità del 50% è il colore "puro". In HSB, una luminosità del 100% indica la luminosità massima, più vicina al colore che gli artisti considerano vivido. CSS usa HSL; Photoshop e Figma usano HSB.
Questo strumento mostra valori e conversioni di colore. Per verificare il contrasto di accessibilità (rapporti WCAG AA/AAA) rispetto a un colore di sfondo, usa lo strumento dedicato Contrast Checker.