生成 a color palette from a base color
Derive complementary, analogous, triadic, 和 shade/tint variants 从单个进制颜色为 设计 systems.
- 1
设计系统 needs 多个 related colors: shades 和 tints 的进制, plus harmonious accents (complementary, analogous, triadic). Generating 这些从 one 进制颜色 ensures visual coherence.
- 2 调色板生成器 →
Enter 进制颜色. tool generates shades (darker), tints (lighter), 和 harmonious variants (complementary, analogous, triadic, 拆分-complementary) 在你的 chosen 格式化.
- 3 颜色混合器 →
Mix two 特定 colors 到查找中级 shades — useful 为梯度 stops 或 hover states 之间 two palette colors.
- 4 颜色转换器 →
将 the generated palette colors 转换为 the format your design system uses (hex for CSS, HSL for Tailwind, RGB for Figma)
常见问题
- 什么是 差集之间 shades 和 tints?
- Shades 是 created 通过 mixing 进制颜色具有 black (darkening). Tints mix 具有 white (lightening). 在 HSL terms, shades decrease lightness; tints increase 它. Tones mix 具有 gray (decrease saturation).
- 哪个 harmony scheme 应该 I use?
- Complementary (opposite 开 wheel) creates 高 contrast — use 为调用-到-动作 accents. Analogous (adjacent) creates calm, cohesive looks — use 为 backgrounds 和微妙 variation. Triadic (evenly spaced) creates vibrant, balanced palettes — use 为 illustrations 和 multi-类别 charts.
解决此任务的工作流
相关工具
调色板生成器
从基色生成配色方案：互补色、类比色、三元色、四元色或单色方案。免费、隐私、100% 客户端运行。 工具
颜色混合器
按比例混合两种颜色，支持 normal、multiply、screen、overlay、darken、lighten 混合模式。免费、隐私、100% 客户端运行。 工具
颜色转换器
在 HEX、RGB、HSL、HSV 和 CMYK 颜色空间之间转换颜色，自动识别输入格式。免费、隐私、100% 客户端运行。输入 HEX、RGB 或 HSL 任一格式，即可同时获得所有五种颜色空间的值，适合前端开发、设计稿取色、印刷配色等场景。 工具
图片取色器
从图片中提取主色调。免费、隐私、100% 客户端运行。 工具