Vai al contenuto
Convertitore orari di calcio d'inizio dei Mondiali è disponibileVedi i calci d’inizio nel tuo fuso orario e aggiungi promemoria al calendario.
Logo CrateX.app

CrateX.app

Convertitore di colori

Converti un colore localmente tra HEX, RGB, HSL e CMYK a 6 cifre con un selettore di colori, colore casuale, anteprima dal vivo, controlli del canale e stringhe CSS pronte per la copia.

HEX

#

RGB

HSL

CMYK
Convertitore di colori

Avvio rapido

1
Inserisci HEX a 6 cifre o canali RGB/HSL/CMYK
2
Usa il selettore o un colore casuale, poi controlla i valori sincronizzati
3
Copia la stringa CSS HEX, RGB, HSL o CMYK

Scenari comuni

Handoff design

converti HEX dai file di design in CSS RGB/HSL per lo sviluppo

Style guide

uniforma formati e stile di scrittura dei colori nella libreria di componenti

Riferimento per la stampa

converti il colore dello schermo in CMYK come prima stima, quindi conferma con la prova colore e il flusso di lavoro di stampa

Accessibilità

utilizza l'anteprima solo per un rapido controllo visivo; utilizzare uno strumento di contrasto dedicato per rapporti esatti

Parametri di conversione e visualizzazione

Regole di input: HEX supporta solo 6 cifre (#RRGGBB, non #RGB, #RGBA, #RRGGBBAA o alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. L'input non distingue tra maiuscole e minuscole
Anteprima: su desktop viene mostrata a destra in tempo reale; su mobile viene usata una modalità più leggera senza anteprima.
Selettore colore: clicca l’icona della tavolozza in alto a destra di ogni card per aprire il selettore.
Policy per HEX maiuscolo: l’output viene normalizzato in maiuscolo (es. #1E90FF), l’input non distingue tra maiuscole/minuscole.
Regolazione fine: trascina le lettere dei canali a sinistra/destra (Shift×10, Alt÷0.1) per micro‑aggiustamenti.
Copia output: il pulsante copia restituisce stringhe standardizzate (HEX maiuscolo).

Consigli d'uso

Precisione: la gestione del colore varia tra dispositivi/applicazioni; i valori letti col selettore possono differire leggermente.
Alpha: i formati attuali non includono trasparenza; per l’alpha usa rgba()/hsla() o un campo separato.
Spazio colore: il web usa sRGB come base; in workflow P3/Display‑P3 verifica sempre su device reali e con profili ICC.
Coerenza di team: definisci un formato canonico in CSS (es. HSL) e usalo in modo uniforme.

Limitazioni e compatibilità

Differenze tra dispositivi: monitor, browser e sistemi operativi gestiscono il colore in modo diverso; l’aspetto può variare.
CMYK è approssimativo: i valori dipendono dai profili ICC, dalla carta, dall'inchiostro, dai dispositivi e dalle prove; utilizzare questo come riferimento, non come valore pronto per la stampa
Nessun alfa: questo strumento non elabora valori di trasparenza, rgba(), hsla(), #RGBA o #RRGGBBAA.
Sottoinsieme di colori CSS: colori con nome, trasparente, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), colori relativi, color-mix() e contrast-color() sono esterni a questo strumento
Nessuno strumento immagine o tavolozza: questa pagina non esegue il campionamento delle immagini, il contagocce dello schermo, la generazione di tavolozze, la generazione di gradienti, i controlli del rapporto di contrasto, l'esportazione di variabili CSS o l'esportazione di token di progettazione

Privacy e sicurezza

L'elaborazione avviene nel browser. Il colore corrente, i valori dei canali, le impostazioni di output, la precisione decimale, la preferenza per HEX maiuscolo, la preferenza di anteprima e l'elenco dei colori recenti possono restare nella sessione corrente del browser o nello spazio di archiviazione del browser. Se salvi un'area di lavoro o attivi la sincronizzazione WebDAV, il colore corrente e le impostazioni possono essere salvati in base alle impostazioni di sincronizzazione; i colori recenti non vengono sincronizzati tramite WebDAV. Le stringhe HEX, RGB, HSL e CMYK vengono ricalcolate dal colore corrente e dalle impostazioni, e non sono memorizzate come risultati separati. Questa pagina non legge immagini, non campiona lo schermo, non recupera URL e non invia colori per la conversione lato server. Su dispositivi condivisi, cancella colori, impostazioni e dati del sito quando necessario.

Domande frequenti

5

Continua con questi strumenti correlati per il passaggio successivo.

Risorse

Guide

Informazioni

Chi siamo
Prezzi

Note legali

Termini di servizio
Informativa sulla privacy
Informativa sui cookie

Preferenze

Gestisci i cookie

Tutta l'elaborazione degli strumenti avviene localmente nel tuo browser.