类似色配色方案
Free直接在浏览器中从任意基础颜色生成和谐的类比配色方案。
完全在您的浏览器中运行。
最近活动
所有人可见。所有访客的最近 20 次使用记录,最新的在前。
暂无活动记录。快来成为第一个吧。
此工具的功能
此工具直接在浏览器中根据基础颜色生成类比配色方案。选择或输入一种颜色，决定需要多少种颜色以及角度步长的大小，即可获得每种颜色都带有HEX、RGB和HSL值的和谐配色板。
解决的问题
- 从单一起始颜色为网站、应用或品牌构建和谐的配色板。
- 为插图、演示文稿或数据可视化寻找协调的强调色。
- 为设计系统生成可直接使用的CSS自定义属性。
- 探索一种颜色与其在色轮上邻近颜色的关系。
常见问题
›什么是类比配色方案？
类比配色方案使用色轮上彼此相邻的颜色，通常在基础色相的30到60度范围内。由于色相彼此接近，这些配色显得和谐统一而不是高对比度。
›配色板是如何生成的？
您的基础颜色会被转换为HSL，然后按照您选择的角度步长上下偏移色相来生成新颜色，同时保持与基础颜色相同的饱和度和明度，因此配色板中的每种颜色都感觉像是同一系列的一部分。
›我应该使用什么角度步长？
30度是类比配色方案的传统选择，适用于大多数设计。使用15度获得更微妙、更紧凑的配色板，或使用45度获得更宽的分布，开始引入更多对比。
›我可以直接在CSS中使用这个配色板吗？
可以，使用"复制为CSS变量"可以复制一个可直接粘贴的:root代码块，其中每种颜色都作为自定义属性；或使用"复制为十六进制列表"只复制十六进制代码，每行一个。
›这与互补色或三角配色方案有什么不同？
互补配色方案会将一种颜色与色轮上它的对立色（相隔180度）配对以形成高对比度，而三角配色方案则使用相隔120度均匀分布的三种颜色。类比配色方案则相反，让所有颜色保持接近，更注重和谐而非对比。
评论 (0)
觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。
暂无评论,快来抢沙发分享您的想法吧!