HomeGuidesMaterial colors guide

Material colors guide

Material 3 roles, tonal palettes, and dynamic color concepts.

Roles

Map primary, secondary, tertiary, surface, and on-surface tokens explicitly.

Color

Free online color tools for conversion, palettes, gradients, accessibility, and design systems. 100% client-side — your colors never leave the browser.

Explore

All color tools
Search tools
Compare tools
Guides
Formulas
Alternatives
Calculator tools
QR tools
Image tools
Text tools

Legal

About us
Contact
Privacy policy
Terms & conditions
Disclaimer
Cookie policy
Accessibility
Editorial policy

Guides & compares

Color spaces explained
WCAG color contrast
Palette design guide
Design tokens guide
Tailwind color scales
HEX to RGB vs RGB to HEX
WCAG contrast tools compared
CSS gradient generators

Material colors guide

Material 3 roles, tonal palettes, and dynamic color concepts.

Browse all color tools

Roles

Map primary, secondary, tertiary, surface, and on-surface tokens explicitly.