FlatUIColors

FlatUIColors 是一款国外流行的扁平化配色网站，把成套的配色按主题归好类摆在页面上，点一下颜色就能复制它的十六进制色值，官网是 flatuicolors.com。

FlatUIColors 能帮你做什么

• 挑成套色板：一个主题一组颜色，省得自己一格格拼。

• 一键复制色值：点中颜色就把 HEX 抄进剪贴板，随手粘进代码或设计稿。

• 色板当底稿：定好一组色再动手，整体的调子不容易跑偏。

• 快速取灵感：配色偏清爽扁平，适合当项目起步时的底色参考。

谁用起来比较顺手

做网页和 App 界面的开发者最省事，扁平风配色天生贴合按钮、卡片这些元素；UI 设计师起步阶段想先定一套基础色，也可以从这里挑；做 PPT 或海报的人拿来当配色参照，同样省心。刚学配色的人拿它当对照表，看多了自然对颜色搭配有感觉。

跟 Material Palette、优设配色导航 比，FlatUIColors 不一样在哪

• 和 Material Palette 比：那款围绕 Material Design 规范生成色板；这里不限体系，更像现成色卡合集，拿来就能用。

• 和 优设配色导航 比：优设是中文配色工具的聚合入口；这里自己就是一整页色板，打开即取。

• 共同点：都免费、都以浏览器为载体，帮人快速定下一组颜色。

FlatUIColors 怎么开始用

• 打开官网：进站就能看到一屏屏颜色，不用注册。

• 点色复制：看中哪个直接点，色值自动复制，回软件里粘贴即可。

• 挑主色搭配：想成系统用，先在某一组里选一个主色，再配它旁边的浅色和深色。

• 记下常用色：反复用到的几个色值存进自己的文档，下次直接调。

常见问题

Q1.FlatUIColors 要钱吗？
A:不要。浏览和复制色值都免费开放，页面也没有引导付费的入口。

Q2.这些色板能商用吗？
A:颜色本身不受版权保护，把这里的色值用到自己的项目里没有限制，放心取用。

Q3.复制出来是什么格式？
A:通常是十六进制的 HEX，写进 CSS、贴进设计软件都通用，需要别的格式可自行换算。

Q4.要注册账号吗？
A:不用注册。打开就能看、就能点，站内没有账号体系。

Q5.只有网页版吗？
A:目前主要是网页端，手机浏览器也能打开，随看随取，没发现独立客户端；想存色值就自己建个文档记一下。