配色方案生成器
从基础色生成和谐配色方案。
Pick a base color and generate a harmonious palette — monochromatic, complementary, analogous, triadic, shades or tints. Copy any swatch, or export the whole palette as CSS variables or JSON for your design system. Everything is computed locally.
所有颜色转换均在你的浏览器本地完成 —— 不上传、不存储、不记录。
工作原理
- 1 Choose a base color.
- 2 Select a palette mode.
- 3 Copy individual swatches you like.
- 4 Export the palette as CSS variables or JSON.
常见用例
- Build a brand or UI palette from one color.
- Find a complementary accent color.
- Seed a design system's color tokens.
- Explore color-harmony options quickly.
常见问题
Is my color data sent anywhere?
No. Every conversion and calculation runs entirely in your browser — nothing is uploaded, stored or logged.
What do the modes mean?
Monochromatic varies lightness of one hue; complementary uses the opposite hue; analogous uses neighbouring hues; triadic uses three evenly spaced hues; shades go darker; tints go lighter.
How do I export the palette?
Use “Copy CSS variables” for `--color-n:` declarations, or “Copy JSON” for an array of HEX values you can drop into code.
Is it really free?
Yes — free, with no signup, no watermark and no limits.