Come usare
- Inserisci due colori che sono già approvati o almeno ristretti.
- Scegli lo spazio di interpolazione e la percentuale per il colore B.
- Copia la stringa CSS generata nella codebase, nelle specifiche del token o nelle note del prototipo.
Passa dall'esplorazione visiva al mixaggio pronto per l'implementazione
Questa pagina si trova dopo Color Mixer e OKLCH Converter. Risponde a una domanda più ristretta: quale espressione CSS color-mix() dovrebbe essere fornita per questi due colori?
Come scegliere tra le pagine vicine
Utilizza Miscelatore di colori quando il lavoro è ancora esplorazione visiva. Utilizza Convertitore OKLCH quando un colore approvato necessita di valori dello spazio percettivo. Usa questa pagina quando esistono già due colori approvati e il lavoro successivo è consegnare un'espressione CSS color-mix(). Passa a Tavolozza dei colori accessibile quando quel mix deve diventare ruoli di superficie, testo, accento e bordo. Passa a Esportazione token colore quando tali ruoli sono già accettabili e il passaggio successivo è copiare variabili CSS o token JSON nel codice. Usa Differenza di colore se ti serve ancora un divario misurabile, oppure Controllo del contrasto se la decisione successiva riguarda la leggibilità.
Domande frequenti
Cosa genera questa pagina?
Crea una stringa CSS color-mix() pronta da incollare a partire da due colori noti e visualizza in anteprima il risultato misto nel tuo browser.
Quando usare questa pagina invece del mixer colori?
Utilizza Mixer colori quando il lavoro esplora prima visivamente un colore intermedio. Usa questa pagina quando l'attività successiva richiede una stringa CSS color-mix() da inserire nel codice o in una specifica di design token.
Quando dovrei usarlo al posto di OKLCH Converter?
Utilizzare OKLCH Converter quando un colore approvato necessita di valori dello spazio percettivo. Utilizza questa pagina quando esistono già due colori approvati e l'attività successiva è creare un'espressione di mix CSS tra di loro.
Cosa è memorizzato nell'URL di condivisione?
L'URL di condivisione memorizza i due colori, il rapporto e lo spazio di interpolazione del colore selezionato.