Vai al contenuto
Logo CrateX.app

CrateX.app

Convertitore di colori

Convertitore di colori

Convertitore di colori: Supporta la conversione del formato colore tra HEX, RGB, HSL e CMYK, fornendo anteprima in tempo reale e selettore colore. Conversione sincronizzata automatica, adatta per il passaggio di consegne del design, lo stile CSS e l'unificazione delle guide di stile.

HEX

#

RGB

HSL

CMYK
Convertitore di colori

Avvio rapido

1
Seleziona o inserisci: digita un formato supportato (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) oppure usa il selettore colore
2
Conversione automatica: inserendo un qualunque formato, gli altri vengono aggiornati all’istante
3
Copia: usa il pulsante di copia accanto a ciascun formato per ottenere una stringa normalizzata

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

Riferimenti per la stampa

converti colori da schermo in CMYK come prima stima (serve comunque una prova di stampa)

Accessibilità

usa l’anteprima per un controllo qualitativo del contrasto (per valori esatti usa uno strumento dedicato)

Scenario aggiuntivo

rgb in hex, selettore colori e convertitore codice colore possono essere gestiti nello stesso flusso, così da verificare il risultato prima di copiarlo o esportarlo.

Parametri di conversione e visualizzazione

Regole di input: HEX supporta solo 6 cifre (senza alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Input case‑insensitive.
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 CMYK sono solo una stima; per stampa professionale servono profili ICC e un flusso dedicato.
Nessun alpha: questo strumento non gestisce il canale alfa.

Privacy e sicurezza

Tutta l’elaborazione avviene localmente nel browser. Puoi sostituire, svuotare e rielaborare il contenuto in qualsiasi momento.

Domande frequenti

5

Continua con questi strumenti correlati per il passaggio successivo.