Colorsinspo
colorsinspo.com又名 Colorsinspo
Hexorial Studio 出品的免费在线配色工具站,可浏览上千套调色板、从图片取主色、按 WCAG 2.2 检测对比度并生成 Tailwind 色阶,适合做 UI 的设计师定完配色后顺手检查文字可读性。
工具免费网页英文国内可直接访问

Colorsinspo 是一个围绕颜色做文章的在线工具站,由 Hexorial Studio 运营。它把找配色、取色、检查可读性、生成色阶这几件事放在同一个站点里,适合做网页、界面或品牌视觉时需要一个随手可用的颜色工作台的人。
主要功能
站内可以浏览上千套现成调色板,也能按色相、明度、饱和度筛选单色。图片取色工具把上传的图片拆成一组主色,页面说明处理在浏览器本地完成,图片不会上传。对比度检测器给出 WCAG 2.2 比值和 APCA 参考值,用来判断文字和背景搭不搭。Tailwind CSS 色阶生成器从一个品牌色出发,产出 50 到 900 的整套色值,可导出为 token。另有品牌色指南生成器,给颜色分配角色、写用法说明,再导出 CSS 或 JSON。
适合谁
做 UI 和网页的设计师可以用它快速定一套配色并检查文字可读性;前端开发者可以直接拿 Tailwind 色阶和导出的 CSS 变量进项目。站里还有配色小游戏和配色教程文章,想练眼力或补基础的人也能用。
费用与限制
页面把工具都标为 free,没有看到付费墙或账号要求,多数工具打开即用。界面只有英文。品牌色指南的分享链接是自包含的,导出格式限于 CSS 和 JSON。另有 Figma 插件,可把调色板、对比度检查和色轮和声带进设计稿。
常见问题
Colorsinspo 收费吗?
Colorsinspo 免费使用。
Colorsinspo 国内能访问吗?
本站 11 月 8 日 检测,Colorsinspo 在国内可以直接访问。
Colorsinspo 有哪些平台 / App?
支持 网页。
Colorsinspo 的替代品有哪些?
本站整理了 6 个替代品,例如 Colors and Fonts、Dopely Colors、颜色代码表、Adobe Color。