Vai al contenuto
Logo CrateX.app

CrateX.app

Convertitore di colori

Converti localmente un colore tra HEX a 6 cifre (#RRGGBB), RGB, HSL e CMYK con selettore, colore casuale, anteprima dal vivo, controlli dei canali, valori CSS HEX/RGB/HSL pronti da copiare e una notazione CMYK di riferimento.

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

Scenari comuni

Passaggio dal progetto

converti i valori HEX dei file di progettazione in RGB/HSL CSS per lo sviluppo

Guida di stile

uniforma i formati e la notazione 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 inserimento: HEX supporta solo 6 cifre (#RRGGBB, non #RGB, #RGBA, #RRGGBBAA o trasparenza); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. L’inserimento non distingue maiuscole e minuscole
Anteprima: sul computer viene mostrata a destra in tempo reale; sui dispositivi mobili viene usata una modalità più leggera senza anteprima.
Selettore colore: usa il selettore nella scheda HEX.
Regola per HEX maiuscolo: il risultato viene normalizzato in maiuscolo (es. #1E90FF); l’inserimento non distingue maiuscole e minuscole e non è presente un selettore del formato.
Regolazione fine: trascina le lettere dei canali a sinistra/destra (Shift×10, Alt÷0.1) per micro‑aggiustamenti.
Copia del risultato: il pulsante produce valori CSS HEX, RGB e HSL standardizzati (HEX maiuscolo), oppure la notazione CMYK di riferimento cmyk(...)

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; nei flussi P3/Display‑P3 verifica sempre sui dispositivi reali e con i 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 può restare nella sessione in corso. Se salvi un’area di lavoro o attivi WebDAV, il colore corrente può essere salvato o sincronizzato come parte di quell’area. I risultati derivati, la cronologia di annullamento e gli errori temporanei non vengono salvati o sincronizzati come dati separati, e lo strumento non conserva un elenco dei colori recenti. Questa pagina non legge immagini, non campiona lo schermo, non recupera URL e non invia colori per la conversione sul server. Sui dispositivi condivisi, cancella il colore e i dati del sito quando necessario.

Domande frequenti

5

Continua con questi strumenti correlati per il passaggio successivo.

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.