编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

9个时下必备的UI设计配色工具(ui配色的种类和技巧)

wxchong 2024-09-12 21:59:46 开源技术 9 ℃ 0 评论

Eva Colors

colors.eva.design/

根据基色生成语义调色板,包括:成功、信息、警告和危险。会为每个颜色生成各种阴影。可以导出,可以切换明暗模式查看颜色

Accessiblecolor Matrix

toolness.github.iolaccessible-color-matrix/

可以为用户界面测试潜在的配色方案,一次可以测试六个颜色的阵据是否可访问,确保UI的颜色对比度符合《Web内容可访问性指南》。

Palx

palx.jxnblk.com/

Palx是自动U调色板生成器。输入基色,系统会立即提供全光谱调色板,底部可以导出。

CopyPalette

copypalette.app/

自定义基色后,就能得到一组单色调色板,可以调整阴影的对比度、颜色变化数量、明暗模式等。

cloudflare

cloudflare.design/color/

帮助建立颜色集,针对大量UI元素(如标题、图标、按钮等)可以预览调色板。可以检查每个调色板的可访问性对比得分,并根据需要编辑颜色。

palettte

palettte.app/

帮助创建平滑的配色方案,可以导出。

可以微调色调、饱和度以及根据需要添加更多色样。

open-color

yeun.github.io/open-color/

针对用户界面提供优化的开源色彩方案。可以查看每种颜色的预期用途。

scale

hihayk.github.io/scale/

设定基色,自动生成一组单色配色方案,可以调整暗色/亮色数量、暗度/亮度、饱和度等。

material.io

material.io/resources/color/

Google官方Material Design颜色匹配工具。

不仅可以帮助设计人员创建调色板,

还可将创建的调色板应用于实际用户界面,测试其可访问性。

福利互动

为答谢客官阅读完此文支持,特准备新人大礼包赠送领取:

精选2000款海报设计模板素材

300套Psd场景素材,ps源文件

300款ps 空间场景素材(出图快,改稿更快)

100+设计电子书 ps 色环插件ps涂抹笔刷

Adobe全家桶软件大全

5000款设计师必用字体等等10G设计资源

获取方式:

1.关注小编~

2.评论文章,不限字数~

3.加企鹅君羊:582655523来下载

4.私信“领取”2字即可获得

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表