Convertitore di colori
Converti i colori in tempo reale tra i formati HEX, RGB, HSL, CMYK e CIE LAB. Include verificatore di contrasto WCAG 2.1, avviso di gamut di stampa e simulatore di daltonismo.
Strumenti Online#3B82F6
Rilevamento di fosfori RGB additivi fuori gamut incompatibili con la stampa a 4 colori sottrattivi.
Calcolo istantaneo della luminanza relativa e controllo di leggibilità contro bianco puro e nero puro.
Design System & Tipografia Digitale
Chiarezza visiva ad alto contrasto per interfacce software, sistemi di design ed esperienze utente inclusive.
Design System & Tipografia Digitale
Chiarezza visiva ad alto contrasto per interfacce software, sistemi di design ed esperienze utente inclusive.
Matrici di proiezione su base scientifica (Brettel / Machado) per la simulazione del daltonismo ereditario.
Tricromia (Visione Normale)
Percezione umana standard su tutto lo spettro visibile
Protanopia (Cecità al Rosso)
Anomalia dei coni L; ridotta sensibilità alle lunghezze d’onda rosse (~1% degli uomini)
Deuteranopia (Cecità al Verde)
Anomalia dei coni M; confusione rosso-verde, anomalia più frequente (~5% degli uomini)
Tritanopia (Cecità al Blu)
Anomalia dei coni S; confusione blu-giallo, disturbo raro (~0,01% della popolazione)
Acromatopsia (Monocromia Totale)
Totale assenza di funzionalità dei coni; visione esclusivamente in scala di grigi (~0,003%)
Sincronizzazione matematica bidirezionale immediata tra 7 formati cromatici standard.
Sfumature coerenti per UI create variando la luminosità e preservando tonalità e saturazione.
Token grafici e costrutti di codice pronti da incollare direttamente nei tuoi progetti.
// Classi di colore arbitrarie Tailwind CSS <div className="bg-[#3b82f6] text-white border-[#3b82f6]" />
Guida all'Uso: Convertitore di Colori & Studio di Accessibilità (Passo dopo Passo)
Impara a convertire spazi colore, verificare il contrasto WCAG 2.1, controllare il gamut di stampa ed esportare token.
Inserisci Qualsiasi Colore o Usa l'Incolla Intelligente
Digita, incolla o seleziona qualsiasi formato nella barra di ricerca: HEX (#3b82f6), RGB, HSL, HSV, CMYK, CIE LAB o nomi di colori CSS standard (es. 'coral', 'indigo'). Il motore riconosce automaticamente il formato e sincronizza tutti i moduli all'istante.
Regola i Canali con i Cursori Interattivi
Modifica in tempo reale i componenti cromatici tramite cursori per Rosso, Verde, Blu, canale Alfa, Tonalità (Hue), Saturazione, Luminosità o inchiostri CMYK. Esplora la tavolozza monocromatica in 5 passaggi per creare scale cromatiche bilanciate.
Verifica Contrasto e Accessibilità WCAG 2.1
Consulta il verificatore integrato per misurare il rapporto di contrasto rispetto a sfondi bianchi e neri. Assicurati che il testo soddisfi i livelli AA (minimo 4.5:1 per testo normale, 3:1 per testo grande) e AAA (7:1) previsti dalle linee guida internazionali.
Controlla il Gamut di Stampa (Ponte CMYK)
Verifica se i colori accesi visualizzati a schermo rientrano nello spazio CMYK per la stampa offset. Se compare un avviso di fuori gamut, fai clic su 'Limita a Gamut di Stampa' per ottenere un'approssimazione sicura senza variazioni impreviste.
Simula Deficit Visivi e Daltonismo
Valuta come appare il colore a persone con Protanopia (cecità al rosso), Deuteranopia (cecità al verde), Tritanopia (cecità al blu) o Acromatopsia (visione monocromatica), garantendo un design inclusivo e accessibile a tutti.
Esporta Token di Design e Codice per Sviluppatori
Copia le specifiche tecniche complete con un solo clic oppure ottieni frammenti di codice pronti per Tailwind CSS, Proprietà Personalizzate CSS (:root), SwiftUI (iOS) o Jetpack Compose (Android).
Domande Frequenti (FAQ)
Risposte tecniche su teoria del colore, spazi digitali, conformità all'accessibilità web e stampa professionale.
Q:Qual è la differenza tra i modelli di colore RGB, HSL e CMYK?
RGB è un modello additivo per display digitali che combina fasci di luce Rossa, Verde e Blu nell'intervallo 0–255. HSL descrive i colori in modo intuitivo attraverso Tonalità (Hue 0–360°), Saturazione (0–100%) e Luminosità (0–100%), agevolando la progettazione UI. CMYK è un modello sottrattivo impiegato nella stampa su carta (Ciano, Magenta, Giallo e Nero); poiché l'inchiostro riflette la luce invece di emetterla, il gamut CMYK è più ristretto di quello RGB.
Q:Quali sono i requisiti di contrasto WCAG 2.1 per i livelli AA e AAA?
Le linee guida WCAG 2.1 stabiliscono rapporti minimi di contrasto tra testo e sfondo per garantire la leggibilità a tutti gli utenti. Il livello AA richiede almeno 4.5:1 per il testo standard e 3:1 per il testo grande (18pt o 14pt grassetto) e gli elementi grafici di interfaccia. Il livello AAA richiede un contrasto avanzato di 7:1 per testo standard e 4.5:1 per testo grande.
Q:Perché i colori vivaci dello schermo appaiono spenti quando vengono stampati?
I monitor digitali emettono luce coprendo ampi spazi colore (sRGB o DCI-P3), consentendo di riprodurre tonalità neon e blu elettrici brillanti. La carta assorbe la luce e gli inchiostri di quadricromia (CMYK) non possono riprodurre fisicamente saturazioni così spinte. Il nostro strumento rileva le tonalità fuori gamut e calcola la corrispondenza stampabile più fedele.
Q:Cos'è lo spazio colore CIE LAB e perché è importante?
CIE L*a*b* è uno spazio colore percettivamente uniforme e indipendente dal dispositivo, definito dalla Commissione Internazionale per l'Illuminazione. 'L' indica la luminosità percepita (0–100), 'a' l'asse verde-rosso e 'b' l'asse blu-giallo. A differenza di RGB o HEX, la distanza matematica in LAB corrisponde esattamente alla differenza percepita dall'occhio umano.
Q:Come funziona il simulatore di daltonismo e deficit visivi?
Il simulatore applica matrici matematiche basate sui modelli fisiologici dei coni retinici: Protanopia (mancanza dei coni L per il rosso), Deuteranopia (mancanza dei coni M per il verde), Tritanopia (mancanza dei coni S per il blu) e Acromatopsia (totale assenza di visione cromatica). Questo permette di verificare la leggibilità reale ed evitare accostamenti inaccessibili.
Q:Cos'è la luminanza relativa e come si calcola il rapporto di contrasto?
La luminanza relativa (Y) misura la luminosità percepita di un colore normalizzata tra 0 (nero) e 1 (bianco), determinata secondo la formula sRGB: Y = 0.2126·R_lin + 0.7152·G_lin + 0.0722·B_lin. Il rapporto di contrasto WCAG tra due colori è dato da (L1 + 0.05) / (L2 + 0.05), dove L1 è la luminanza del colore più chiaro e L2 quella del colore più scuro.
Q:I miei dati, colori o palette vengono trasmessi a server esterni?
No. Il 100% dei calcoli matematici, delle conversioni di colore, delle verifiche WCAG e della generazione di codice viene eseguito localmente nel browser. Nessun dato lascia il dispositivo né viene salvato su server remoti.
Cos'è Convertitore di colori?
Perché è Fondamentale: L'Esportazione per la Stampa
Strumenti per i Professionisti del Colore
| Funzione Integrata | Dettaglio Tecnico | Beneficio Pratico |
|---|---|---|
| Ispettore Gamut CMYK | Confronta dinamicamente lo schermo sRGB con gli inchiostri sottrattivi. | Previene la stampa di colori spenti o inaspettati su brochure e riviste. |
| Simulatore Protanopia | Modella la ridotta sensibilità alle lunghezze d'onda lunghe (rosso). | Permette ai designer di testare l'impatto visivo per le persone con daltonismo. |
| Spazio Colore HSV / HSB | Regola la Tinta (Hue), la Saturazione e la Brillantezza (Brightness). | Fornisce un modello intuitivo per creare illustrazioni digitali armoniose. |