Spazio colore ufficiale di Google alla base di Material 3: modifica Tonalità / Croma / Tono perceptualmente uniforme con la Palette Tonal a 13 passaggi e la derivazione dei ruoli Material 3 — regola un colore marchio e crea il tema in un solo passaggio.
Le combinazioni HCT al di fuori di sRGB sono mappate al colore visualizzabile più vicino.
Apri in Board →13 passaggi di tono (0-100) con la stessa tonalità/croma — la spina dorsale di ogni tema Material 3.
Valori dei ruoli modalità chiara derivati dal tuo colore secondo la specifica Material 3.
Spazio colore Material 3 ufficiale di Google — Hue / Chroma / Tone, uniforme percettivamente con contrasto prevedibile.
Incolla un HCT e i cursori HCT si allineano; puoi anche trasferire un colore dall'editor della tavolozza o da qualsiasi pagina del profilo colore.
Hue H varia tra 0-360, Chroma C definisce la vividezza e Tone T 0-100 corrisponde direttamente alla scala del tema Material; le combinazioni fuori gamut vengono mappate al colore visualizzabile più vicino.
La Tonal Palette a 13 passaggi è lo scheletro di ogni tema Material 3, e il pannello dei ruoli elenca le raccomandazioni di tono primary / primaryContainer pronte per essere copiate.
Tre domande frequenti su HCT e le palette Material 3.
Porta il colore nell'editor della tavola per creare una palette, o affinalo nell'editor OKLCH nello stesso spirito percettivo.
Regola L / C / H nello spazio OKLCH perceptualmente uniforme con anteprima live e output oklch() / HEX / RGB.
Inserisci un colore marchio, ottieni primario / secondario / successo / avvertimento / pericolo — esportato come configurazione Tailwind e variabili CSS.
Convalida del contrasto WCAG 2.1 tra qualsiasi colore di primo piano e sfondo.