原文地址:Ant Design 色板生成算法演进之路一、前言 最近我在整理一套团队内部使用的设计规范,其中颜色部分参考了 Ant Design 的“色彩”部分,恰逢 Ant Design 发布了 3.0 版本,调色板做了调整,借此机会我学习了一下 Ant Design 迄今为止三个版本色板生成算法的源码,感觉其“确定”设计思想非常值得学习。 “确定” ...
对色板满意后,可以将其导出为URL、PNG等格式,或者直接复制颜色代码在设计中使用。Coolors 还有app版本,让你随时随地创建、浏览、保存色板。 Color Tool - Material Design Color Tool 是Google Material Design提供的丰富工具和信息数据库的一部分。这个简单而友好的工具是最专业的色板生成器之一,可以让你测试色板在用户...
那么为什么figma更新了之后开始有生成梯度色板的需求了呢?这是因为在figma更新变量之前梯度色板没法很完美的在设计软件里面使用。 我们先来看一下蚂蚁的梯度色板,这个比较经典,除了主色之外赤橙黄绿青蓝紫也都有。但是,这些梯度色板放在以前的UI工具里面就只能看看,使用不了,原因就...
轻松导出配色方案：在界面左侧，选择“Save”选项，再点击其下方的“Export”，即可便捷地将当前界面所使用的配色方案导出。AI配色网址https://aicolors.co/ 写在最后 AI Colors，这款杰出的在线AI调色板生成器，凭借其尖端的人工智能技术，为设计师和创意工作者提供了一个高效生成配色方案的工具。若你渴望创造出既...
最近我在整理一套团队内部使用的设计规范,其中颜色部分参考了 Ant Design 的“色彩”部分,恰逢 Ant Design 发布了 3.0 版本,调色板做了调整,借此机会我学习了一下 Ant Design 迄今为止三个版本色板生成算法的源码,感觉其“确定”设计思想非常值得学习。
正式讲梯度色板怎么生成之前,还有一个前置的知识,那就是梯度色板的分类层级。比如像蚂蚁的梯度色板,很明显不是我们自己整理项目要用的,我们也用不了这么多颜色,所以这期先跟大家讲一下梯度色板的最小形态或者说最小的分类应该是怎样的。 当然,我也看了很多的设计系统...
Muzli Colors Muzli Colors 是一个调色板生成器和一个库,您可以在其中找到许多想法和惊人的配色方案。您还可以发现最佳网页设计灵感、最佳网站、最佳徽标、网页趋势、最佳手机网站和应用程序、极简主义网站、野蛮…
最近我在整理一套团队内部使用的设计规范,其中颜色部分参考了 Ant Design 的 “色彩” 部分,相对比2.0之前版本,Ant Design 的 3.0 版本,调色板做了调整,借此机会我学习了一下 Ant Design 迄今为止三个版本色板生成算法的源码,感觉其“确定”设计思想非常值得学习。
Material调色板生成器 通过输入十六进制颜色码给出配色建议,制作完美Material设计调色板。 访问网站 相关推荐 查看更多 > Tabler Icons 超过1250个像素完美的网页设计图标。免费和开源图标,旨在使您的网站或应用程序具有吸引力、视觉一致性和简单美观。 了解更多 Hover States Hover States展示适用于创意社区的最前沿的...
这一套色板大致的效果如下: 这里不支持嵌入 JS 代码之类的东西,我就附上原文的效果了 生成更好的色板 我指的更好并不一定真的比之前找到的 256 色要好,毕竟上面那个是人家智慧和劳动的结晶。我指的更好是颜色更多,但是偏差又不会太大。 理论上我们能按照那种规则生成比真彩色少的任意种数的色板。