CoolHue

CoolHue是什么？

CoolHue是一款免费开源的渐变色调色板工具，由Webkul团队开发。它提供了超过 60 种精心挑选的渐变配色方案可供选择，只需几个步骤即可在您的设计和项目上创建酷炫的颜色调色板。您可以在 JSON 文件中加载渐变或安装 CoolHue 的插件文件！非常适合用于网页设计、移动应用、UI/UX 界面、插画等多种视觉创作场景。

它的优点是既可以免费使用又具有开放源代码特性，省去了一些平时不太善于把握配色风格设计师们的麻烦事儿，并将这个难题交给了机器完成；而且拥有着强大的易操作功能，确实是一个配色神器，可以为你节约不少的设计配色问题呢。

主要功能特点

• 丰富渐变模板：配色组之间过渡自然，可应用于背景、按钮、图标等场景；
• 一键复制 CSS 代码：点击即可复制渐变样式，快速应用于项目；
• 支持个性化定制：通过 JSON 文件自定义渐变组合，打造专属调色板；
• 多平台集成：可作为 Sketch 插件、npm 模块或网页工具使用，轻松融入设计/开发流程。
• 完全开源，免费使用：适合学习、使用与二次开发，助力创意实现。 

应用场景

• 网页设计：为导航栏、按钮或英雄区域添加现代感渐变背景。
• 移动应用：设计iOS/Android界面的卡片式布局或图标渐变效果。
• 品牌视觉：生成企业Logo或宣传物料的渐变配色方案。
• 数据可视化：为图表中的柱状图或折线图设置渐变填充，突出数据趋势。 

使用方法

1. 访问官网：打开 CoolHue 官方页面，即可浏览 60 多组精选渐变色。
2. 选中自己喜欢的渐变色：每组渐变以色块形式呈现，一目了然，点击复制当前显示组 CSS linear-gradient 代码。
3. 粘贴到项目中使用：将复制的代码粘贴到我们自己正在制作的网站按钮、卡片等等样式里面，例如：background: linear-gradient(to right, #6a11cb, #2575fc);