配色与渐变工具
定主色、配辅色、调渐变、查对比度。做商店截图背景时,渐变和对比度这两类工具用得最多。
按空格键随机生成配色方案,可以锁定某个颜色继续生成。基础免费。
Adobe Color
色环取色、从图片提取配色、查看可访问性对比。免费。
社区投稿的四色配色方案合集。免费。
先选喜欢的颜色,再用算法推荐配色组合。免费。
把配色直接套到一个示例页面上看效果。免费。
用机器学习生成品牌、网站、渐变的配色。免费。
按 Material 3 规则从一个主色生成完整的亮色暗色色板。免费,国内可能较慢。
为界面设计好的 12 阶色板,考虑了暗色模式和对比度。开源免费。
Tailwind 的默认色板,搭 Web 界面时常用。免费。
从一个颜色生成 Tailwind 风格的 50–950 色阶。免费。
检查文字与背景的对比度是否满足 WCAG。免费。
在线调渐变并导出 CSS。免费。
uiGradients
一批调好的双色渐变,可复制 CSS。免费。
渐变色合集,可调角度后导出。免费。
中国色
按传统色名整理的中国色彩,带 RGB/CMYK 值。免费。
日本传统色名录,配色偏柔和。免费。
Colormind
用模型生成配色,也能把配色预览到界面模板上。免费。
经典色环配色工具,能模拟色盲效果。免费。
每套配色都直接展示在页面里,看得出实际用法。免费。