颜色决定了第一眼的气质,也直接影响可读性与可访问性。这份导航把常用的配色灵感、调色板生成、渐变工具,以及对比度/色盲模拟与无障碍检查工具放在一起,适合做品牌色、UI界面、海报与PPT时快速查找与对照。
需看协议:提供调色板快速生成、锁定颜色、导出 ASE/PNG/SVG 等格式。适合从灵感到交付的一站式配色整理。
需看协议:经典色轮与配色规则(互补/类似/三角等),还能浏览社区主题并导出到 Adobe 生态。
需看协议:大量四色综合调色板,适合快速找 UI/插画/海报的配色参考,支持收藏与筛选。
需看协议:基于模型生成配色,可锁定部分颜色并反复迭代,适合做品牌色延展与组件状态色探索。
需看协议:在真实界面示例(卡片、插画块等)里生成配色,直观看到背景/文字/按钮搭配效果。
需看协议:老牌在线调色板工具,支持多色方案与预览对比,适合做规范化的色相与明度推导。
需看协议:从一个主色生成配色与渐变方案,并提供在网页模块里的应用预览,适合做落地页风格探索。
需看协议:提供成套配色并展示在真实页面组件中,适合直接参考“背景-文本-强调色”的层级关系。
需看协议:渐变灵感库,适合找 banner/按钮/背景渐变参考,并可复制渐变色值。
需看协议:预制渐变集合,支持 CSS/PNG 等方式取用,适合快速搭建一组统一风格的渐变背景。
需看协议:简洁的渐变浏览与复制工具,适合在前端样式里直接粘贴使用。
免费商用:输入前景色/背景色后,按不同视力与色觉条件展示可读性结果,适合做无障碍快速自检。
免费商用:对比度检测的常用工具,直接给出 WCAG AA/AAA 是否通过,适合写设计规范时引用结果。
免费商用:可自动调整颜色以满足目标对比度要求,并提供可复制的颜色值,适合在不改风格的情况下“补对比度”。
需看协议:面向设计团队的无障碍工具(含对比度、色盲模拟等),适合在设计阶段就把可访问性检查融入流程。
免费商用:桌面端色盲模拟工具,可对整个屏幕进行模拟预览,适合在最终导出前快速检查信息是否仍清晰。
免费商用:常用的色盲/色弱模拟工具(macOS),适合做 UI/图表时检查颜色区分度。
需看协议:上传图片取色并生成调色板,适合从品牌图、摄影或插画里快速提取“主色-辅色-强调色”。
需看协议:可视化编辑线性/径向渐变,直接生成 CSS 代码与色标,适合做网页背景与按钮渐变。
免费商用:输入品牌主色后生成一整套主题色阶与组件示例,适合快速搭建系统化的 UI 主题与 Token。