从单色生成调色板
为网站、App、演示文稿、Logo 或海报进行色彩搭配,往往是设计中最难的一环。色彩理论基于色轮总结了经典的色彩关系,而这款调色板生成器能帮您轻松应用这些法则。只需输入您喜欢的一种颜色(或品牌色),选择一种配色方案,即可生成五种和谐的搭配色,并能一键复制到您的项目中。
功能特点
- 七种配色方案:互补色、类似色、三角色、分裂互补色、四角色、单色和色阶。
- 任意起始颜色:支持 HEX、RGB、HSL 或 CSS 颜色名称,也可以随机生成。
- 点击复制:点击任意色块即可快速复制。
- 导出:可导出为 CSS 自定义属性或 JSON 数组。
- 清晰易读的标签:文本颜色会根据背景对比度自动在黑色和白色之间切换。
该使用哪种配色方案?
| 配色方案 | 视觉感受 | 适用场景 |
|---|---|---|
| 互补色 (Complementary) | 大胆、高对比度 | CTA 按钮、体育、促销 |
| 类似色 (Analogous) | 平静、和谐 | 自然、健康、背景 |
| 三角色 (Triadic) | 活泼、平衡 | 儿童产品、插画 |
| 分裂互补色 (Split complementary) | 鲜明但不突兀 | 需要一个强点缀色的网站 |
| 四角色 (Tetradic) | 丰富、多彩 | 信息图表和数据图表 |
| 单色 (Monochromatic) | 优雅、极简 | 企业网站、作品集 |
| 色阶 (Shades) | 系统化 | 设计系统、UI 状态 |
从配色到设计
确定配色后,您可以使用颜色对比度检查器确保文本在各种背景下清晰可读,通过颜色转换器将颜色转换为 RGB、HSL 或用于印刷的 CMYK 格式,还可以使用 CSS 渐变生成器将其中两种颜色生成平滑的渐变背景。