配色工作流
调色板生成器 - 专业配色方案与灵感库
170+ 组配色方案，按色相与视觉印象双维度检索。内置 RGB/HEX 转换、亮度分析与最佳文本色推荐，点击色块即复制 HEX 代码。
shadcn · design tools
色彩分类
11
配色方案
160
我的收藏
0/20
色彩工具箱 (RGB ↔ HEX)
色彩转换与分析工具：RGB 与 HEX 互转、亮度计算（0–255）与最佳文本色（黑/白）推荐。
常用标准色
亮度 (0-255)
76
最佳文本色
浅色
配色灵感库
已复制 HEX 代码
筛选工具
灵感收藏夹
暂无收藏。遇到喜欢的配色，点击心形图标即可永久保存到这里。
配色指南与设计技巧
功能指南
- 点击色块：立即复制 HEX 代码到剪贴板。
- 双维度浏览：顶部 Tabs 支持按“色相”或“情感印象”切换视图。
- 实时转换：右侧工具箱支持 RGB 与 HEX 互转，并自动推荐最佳文本颜色（黑/白）。
- 灵感收藏：点击爱心图标，将方案保存到本地，下次设计直接调用。
大师级配色法则
- 60-30-10 法则：主色占 60%，辅助色占 30%，强调色占 10%。
- 对比度原则：正文与背景的对比度至少应为 4.5:1 (WCAG AA 标准)。
- 情感一致性：确保色彩传达的情绪（如蓝色的信任感、红色的紧迫感）与品牌形象一致。
- 自然灵感：不知道怎么配？试着从风景照片中吸取大自然的配色方案。
什么是配色方案生成器
调色板灵感库与色彩工具箱二合一：按色相或视觉印象两条路径检索 170+ 套配色方案，喜欢的配色点心形收藏；附带的 RGB↔HEX 转换器可算亮度并推荐最佳文本色（黑/白），适合定稿前校色。无需登录。
如何使用配色方案生成器
- 在色相/印象页签下检索配色方案
- 点方案查看色值，全屏预览或加入收藏
- 用色彩工具箱转换 RGB/HEX 并查看亮度与文本色建议
常见问题
怎么挑一套和谐的配色？
通用做法是定一个主色、一个辅助色和一个点缀色，明度与饱和度控制在相近区间；库内方案本身已按协调关系成组，可直接挑顺眼的用。
收藏的方案存在哪？
收藏保存在浏览器本地存储，清缓存会丢失；长期项目建议把 HEX 值记进设计规范文档。
配色方案能导出成代码吗？
点击色块即复制对应 HEX 值到剪贴板，方案卡片还支持导出 JSON；渐变色样式需自行拼接，工具本身不含渐变生成页签。
访客能直接用吗？
不需要；打开即用，收藏与浏览记录都只存在你自己的浏览器里。
配色方案生成器收费吗？
配色方案生成器完全免费，打开网页即可使用全部功能，没有任何隐藏收费。
配色方案生成器需要下载安装吗？
不需要下载或安装任何软件。这是一个在线网页工具，在手机、平板和电脑的浏览器中打开即可使用。
使用配色方案生成器需要注册账号吗？
不需要。本工具无需注册、无需登录，打开页面即可直接使用。
配色方案生成器在手机上可以使用吗？
可以。页面采用响应式设计，自动适配手机、平板和桌面屏幕，随时随地打开浏览器即可使用。