整理了一组常用的配色、灵感与组件资源网站，适合做品牌色探索、UI配色校验、参考案例收集与快速搭建原型。每个条目都附带直达链接与使用提示，便于随时收藏备用。
工具地址：https://coolors.co/
免费商用：可快速生成配色方案，支持锁定色块、导出 ASE/SVG 等格式，适合做品牌主色与界面主题色探索。
免费商用：提供互补/类似/三角等配色规则与色轮工具，也可从图片提取颜色，做情绪板与主色提炼很方便。
免费商用：大量现成配色卡片可筛选、收藏与复制 HEX，适合在做 UI 方案时快速找“接近正确”的起点。
工具地址：https://www.happyhues.co/
免费商用：将配色直接映射到真实页面模块（按钮/背景/文字等），能直观看到对比与层级效果，减少“色卡好看但落地翻车”。
工具地址：https://huemint.com/
免费商用：输入倾向与色彩方向后生成多套配色方案，并给出在 UI 组件上的预览，适合需要快速出多个备选时使用。
免费商用：更偏“经典工具箱”的色轮，便于按规则推导整套颜色关系，适合偏理性地搭建品牌色系统。
工具地址：https://webaim.org/resources/contrastchecker/
免费商用：输入前景/背景色即可检查 WCAG AA/AAA 对比度，适合在落地 UI 时做文字可读性与按钮状态校验。
工具地址：https://contrast-ratio.com/
免费商用：更简洁的对比度计算与可读性建议，适合在调色阶段随手验证小字号文本、禁用态与边框色是否合格。
免费商用：SVG 质量稳定、风格统一，适合后台/工具类产品快速搭建图标体系，复制粘贴即可用。
工具地址：https://feathericons.com/
免费商用：轻量、线条一致的图标集合，适合做简洁风格界面；可直接下载 SVG 或复制代码。
工具地址：https://fonts.google.com/
需看协议：字体授权多为开源许可但各字体不同，商用前建议点进单个字体的 License 页面确认；适合做品牌字与界面字的快速备选。
工具地址：https://undraw.co/illustrations
需看协议：插画可换色并批量浏览，常用于落地页与产品空状态；商用前按其许可说明确认使用范围与署名要求。
