Inserisci un valore colore o utilizza il selettore integrato per ottenere tutte le rappresentazioni supportate, confrontare palette e copiare i formati più usati.
Features
- Otto formati supportati: Visualizza simultaneamente HEX, RGB, HSL, HWB, LCH, LAB, CMYK e nome CSS
- Aggiornamento in tempo reale: Ogni modifica aggiorna immediatamente tutti i valori e il campione colore
- Selettore avanzato: Palette predefinite, contagocce di sistema e controlli di saturazione/luminosità
- Copia contestuale: Copia i formati con la sintassi corretta per CSS, design tool o stampa
Usage Guide
- Seleziona o incolla: Digita un HEX/RGB/HSL o usa il selettore per scegliere un colore
- Analizza i formati: Consulta tutti i valori aggiornati e verifica le palette suggerite
- Copia e applica: Clicca l'icona copia accanto al formato necessario e incollalo nel tuo progetto
Technical Details
Modelli di colore
RGB per schermi, HSL per regolazioni intuitive, CMYK per stampa, LAB/LCH per fedeltà cromatica indipendente dal dispositivo
Parsing accurato
Supporta sintassi CSS moderne (rgb 255 255 255, oklch(), alpha) e normalizza automaticamente valori parziali
Controlli accessibilità
Calcola luminanza e rapporti di contrasto per scegliere combinazioni conformi alle linee guida WCAG
Frequently Asked Questions
- Quali formati supporta?
- HEX, RGB, HSL, HWB, LCH, LAB, CMYK e i nomi standard CSS.
- Il calcolo avviene online?
- No, tutte le conversioni sono eseguite localmente nel browser, senza inviare dati all'esterno.
- Posso usare valori con alpha?
- Sì, sono accettati formati con trasparenza come rgba() e #RRGGBBAA.