Pick a base color and generate a complete Material weight scale from 50 to 900 instantly.
Click on any shade bar to copy its HEX value.
Google Material specifications index layouts using designated weights. Generating them automatically speeds up CSS configurations.
Compare grid values using Tailwind Color Picker. Check contrast levels using Contrast Checker.