最近有许多关于颜色的工具,文章和资源。 请允许我关闭一些标签,在这里将它们四舍五入供您欣赏。
上下文中精选的颜色
![](https://i-blog.csdnimg.cn/blog_migrate/0ebd68baba0199838b75af4398fa24c8.png)
Happy Hues在网站本身的上下文中演示了许多调色板。 这是一个很好的方法,因为选择漂亮的颜色是不够的 -它只取决于上下文。 正如重构UI博客所展示的那样,它可能变得很糟糕。
动态,基于日期的颜色,带有JavaScript,HSL和CSS变量
![](https://i-blog.csdnimg.cn/blog_migrate/181c53b963de9abf7731727bb48a6025.png)
Rob Weychert展示了他如何创建基于日期的配色方案 (这样, 过去30年中的每一天都会有一个独特的配色方案,每一天看上去都与前一天略有不同 )。
计算颜色:使用纯CSS进行动态颜色主题化。
![](https://i-blog.csdnimg.cn/blog_migrate/7666c944e202be1e7b95c35b8ae9b02f.png)
Una Kravets仅使用CSS即可创建颜色主题。 没有JavaScript。 没有CSS预处理。 只是自定义属性, HSL颜色和 计算颜色中的 一些calc()
:使用纯CSS进行动态颜色主题化。
色彩工具
![](https://i-blog.csdnimg.cn/blog_migrate/24d220e3d1885b1a39d25846fd2a8a72.png)
我们已经在推特上发布了很多有关色彩工具的信息 。 我们甚至不时地整理它们 。
可视化年度的每种Pantone颜色
![](https://i-blog.csdnimg.cn/blog_migrate/cc751e851cf626127d64be11af1d43d9.png)
亚当·富勒(Adam Fuhrer)拍摄了20年的Pantone顶级色彩, 并将其与精美的照片相匹配 。 我喜欢这些照片链接到实际摄影师的个人网站。 奇怪地提醒我,您可以按颜色浏览Dribbble 。
方便的Sass驱动工具,用于制作均衡的调色板
![](https://i-blog.csdnimg.cn/blog_migrate/c91c993b9e1d85e5ffb1f377a42da059.png)
Stephanie Eckles 在博客上发表了有关使用Sass对颜色进行数学运算以计算和绘制其亮度,饱和度和明度的博客 ,这可以让您从数字上看一下您的配色方案是否具有凝聚力。
列昂纳多
![](https://i-blog.csdnimg.cn/blog_migrate/8514ab95fe5d737e5162659f0438fb60.png)
Leonardo是一种交互式调色板工具,可帮助插值颜色并根据对比度生成变化。