Paletton paletton.com
按配色规则调整色轮的配色器,能预览整套界面效果。
设计工具、图片素材、图标、字体与配色资源
栏目按设计工作流组织:先用工具完成界面与原型,再从图库、图标库和字体站找素材,最后用配色工具确定视觉基调。素材的授权范围差异很大,商用前请逐条核对原始许可,本站只做收录,不代替授权说明。
按配色规则调整色轮的配色器,能预览整套界面效果。
免费商用的英文字体库,按风格分类,附字体搭配建议。
跨站搜索开放授权图片与音频,结果里直接标注许可类型。
Adobe 旗下的作品集社区,看完整项目而不只是单张图。
浏览器里的 3D 设计工具,做网页上的三维图形与轻交互。
按色彩规则生成配色,也能从图片里提取主色。
自动搭配字体组合的小工具,一次给标题、副标题、正文三档。
开源字体库,可按语言、字重、风格筛选,直接拿到引入代码。
开源插画库,可在网页上改主色后直接下载 SVG。
图标、插画与 3D 素材库,提供插件直接在设计工具里调用。
Shopify 做的免费图库,偏电商与产品场景,可商用。
免费图库,偏生活与场景类照片,无需署名。
中文字体设计与排印案例站,收集字体应用实例与字体知识。
中文字体下载与整理站,按免费商用、风格和字重分类。
老牌免费字体站,装饰性字体数量多,按风格分类浏览。
把开源字体打包成 npm 包的项目,方便前端按需引入字体文件。
免费商用字体下载站,字体经过筛选并标注许可类型。
清爽的配色灵感站,按四色一组展示并直接给出色值。
颜色信息查询站,输入色值可看明度、饱和度与 tints/shades 变化。
用模型生成协调配色的工具,锁定某个颜色后自动补齐其余色位。
人工挑选的四色配色合集,按风格和热度浏览,复制色值即可使用。
快速生成配色方案的工具,按空格换一组颜色,可微调并导出色值。
开源线性图标集,风格克制统一,提供 SVG 与各前端框架组件。
统一索引多家开源图标集的服务,一个接口调用十几万枚图标。