Eva Colors 深度学习的配色工具,找出可搭配主品牌使用的颜色

本文要推荐的「Eva Design System」是一个深度学习的颜色产生器,可以帮使用者进行颜色配色,但跟一般色彩工具不一样的是 Eva Design System 要求使用者先设定一个主色(Primary Color),随即就能帮你演算出其他四种可能会用到的功能颜色,分别是成功讯息、一般资讯、警告和危险讯息颜色。

Eva Design System 最有价值的部分在于运算出来的四种颜色都能和主色彩有相当好的结合,不致于产生很混乱、刺眼或无法融合等问题,还能加深或调浅,单独锁定特定颜色来重新演算其他颜色,而产生的配色结果可以汇出保存。

 

使用教程:

一、打开 Eva Design System 网站,依照网页上的提示讯息输入你的主颜色,可以是你的品牌颜色、网站颜色或链结颜色等等,输入后就会在旁边产生其他配色。

Eva Colors 深度学习的配色工具,找出可搭配主品牌使用的颜色

在这裡我使用免费资源网路社群的超连结颜色做为范例(严格来说应该要用品牌色,不过只是做个示范),直接将 HEX 色码贴上,或是利用调色工具选色、HSB 色彩模式。

 

二、设定完主颜色后,旁边的 Semantic Colors 就会出现四种最常用的讯息颜色,可以依照建议使用于成功讯息、一般资讯、警告或危险讯息上,如果不满意配色,按下右侧的重新整理可再次运算并产生新颜色,想保留特定颜色的话就点选旁边的「锁头」,重新整理时就会维持该项目原有颜色。

Eva Colors

 

三、想测试一下在深色背景的呈现情形,也可点选右上角的黑夜模式进行切换。

单独点选每一个色块就会自动複製 HEX 色码,非常简单,而每一组颜色则有更浅、更深色的选项,若要保存颜色,点选右上角「EXPORT」就能将颜色汇出,不过并不是直接给使用者色码档案,而是储存成一般图片档。

Eva Colors

推荐理由

  • 设定品牌主颜色,自动运算出四种可用资讯颜色
  • 让每个颜色有更好的结合,看起来更有一致性
  • 可切换深色模式,一键复制 HEX 色码或一次导出

官方网址

同时也可以试试这些其他的配色颜色素材网站。

留下评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据