Come usare
- Incolla o seleziona i due colori da confrontare.
- Leggi la valutazione e i valori numerici, senza affidarti solo alla memoria visiva.
- Passa al Controllo del contrasto solo dopo aver definito la coppia finale di primo piano e sfondo.
Misura la differenza tra due colori
Usa questo strumento quando hai già due colori candidati e vuoi confrontarli numericamente prima delle decisioni finali sulla palette o sull'interfaccia.
Quale strumento usare
Usa Selettore colore per scegliere il primo colore; Armonia dei colori per generare combinazioni basate su relazioni cromatiche; Tavolozza dei colori o Scala di colori per ricavare variazioni da un colore base. Usa questa pagina quando hai già due candidati e vuoi misurarne la differenza. Dopo la scelta, passa al Convertitore di colori se ti servono valori HEX, RGB o HSL per i token o il CSS, oppure a Miscela di colori CSS per creare un'espressione color-mix(). Per verificare la leggibilità di testo e sfondo, usa infine il Controllo del contrasto.
Domande frequenti
Cosa fa questa pagina?
Confronta due colori tramite la distanza RGB e una semplice misura percettiva ΔE76, quindi mostra HEX, RGB e HSL per entrambi.
Quando dovrei usarla al posto del Controllo del contrasto?
Usa il Controllo del contrasto per verificare la leggibilità del testo sullo sfondo. Usa questa pagina per capire se due campioni sono troppo simili o chiaramente diversi.
Quando dovrei usarla al posto di Armonia dei colori o Tavolozza dei colori?
Usa Armonia dei colori per generare combinazioni basate su relazioni cromatiche e Tavolozza dei colori per ricavare tinte, sfumature e accenti da un colore base. Usa questa pagina quando hai già due colori candidati e vuoi misurarne la differenza.
Cosa contiene l'URL di condivisione?
L'URL di condivisione contiene soltanto i valori HEX di sinistra e di destra.