🍋 Design Tools
Color Shade Generator
chars
words
sentences
lines
Shade Scale Options
結果
結果
Color Shade Generatorについて
Generate a complete shade scale (50-950) from any base color. Creates Tailwind-compatible scales with WCAG contrast ratios for each shade.
仕組み
Pick a base color and the tool generates a full shade scale from 50 (lightest) to 950 (darkest), adjusting saturation and lightness. Output includes Tailwind config or CSS variables plus a WCAG contrast analysis table.