Formula della tavolozza tonale del materiale 3
Formula
L'algoritmo HCT tonalità/croma/tonale produce ruoli primari, secondari, terziari e neutri.
Variables
- R, SOL, B
- Canali sRGB (0–255 o 0–1 normalizzati)
- H, S, L
- Tonalità (gradi), saturazione e luminosità (0–1) in HSL
- l
- Luminanza relativa (WCAG) o luminosità in HSL/OKLCH
FAQ
- La formula della tavolozza tonale di Material 3 è accurata per i flussi di lavoro di stampa?
- Lo schermo RGB e la stampa CMYK utilizzano gamme diverse. Trattare le conversioni come prove approssimative; calibrare con profili ICC per la stampa commerciale.
- Posso usare questa formula nei CSS?
- I CSS moderni supportano color-mix(), oklch() e lab() per molte operazioni. Per pipeline complesse, calcola in JavaScript ed esporta variabili CSS.
- Color DevByte carica i miei colori?
- No. Le pagine di riferimento delle formule sono documentazione statica; gli strumenti interattivi vengono eseguiti al 100% lato client nel tuo browser.
Panoramica
Genera tavolozze di macchie tonali da un colore seme.
Color DevByte documenta questa formula per sviluppatori, progettisti e revisori dell'accessibilità che necessitano di calcoli cromatici riproducibili senza inviare dati a un server.
Utilizza gli strumenti colore collegati per applicare questa formula in modo interattivo con l'anteprima dal vivo e l'esportazione multiformato.
Quando utilizzare questa formula
Applica la formula della tavolozza tonale del materiale 3 durante la creazione di token di progettazione, la convalida del contrasto WCAG o l'automazione delle pipeline di colori in CSS, Tailwind o JSON del sistema di progettazione.
Per l'interfaccia utente di produzione, verifica sempre i risultati con un controllo del contrasto o un'anteprima visiva: i casi limite nella correzione gamma e nella mappatura della gamma possono modificare i risultati.
Note di implementazione
Gli strumenti basati su browser dovrebbero linearizzare sRGB prima dei calcoli di luminanza o ΔE.
Preferisci l'interpolazione OKLCH o LAB per gradienti e temi per evitare punti medi grigiastri comuni nelle fusioni RGB.