Hypercolor翻译站点

ADADAD固定广告位图片或标题，点击入驻固定广告位图片或标题，点击入驻固定广告位图片或标题，点击入驻

Hypercolor 是一个专为 Tailwind CSS 设计的渐变色集合，提供 250+ 预设计渐变配色，每个渐变都附带可直接复制的 bg-gradient-* 类名。该工具被 Tailwind CSS 官方资源页推荐，由独立开发者 Mark Mead 创建并维护，完全免费且无需注册即可使用。

浏览 250+ 预设计渐变配色

Hypercolor 的渐变库按色系分类展示，包括红色、蓝色、紫色、绿色等常见色系，以及一些混合色系。每个渐变卡片都显示其 Tailwind 类名和预览效果，用户可快速浏览并找到适合项目风格的配色。库中所有渐变均使用 Tailwind 调色板色值，确保与 Tailwind 项目无缝集成。

一键复制 Tailwind 类名或 CSS 代码

每个渐变提供两种代码格式：Tailwind 原生类名（如 bg-gradient-to-r from-blue-500 to-purple-600）和标准 CSS background-image 代码。点击卡片上的复制按钮即可将代码复制到剪贴板，直接粘贴到项目中即可使用。对于非 Tailwind 项目，CSS 传统写法同样适用，无需额外转换。

在线自定义编辑与导出图片

Hypercolor 支持在线自定义编辑：用户可调整渐变方向（如 to-r、to-b）、色标位置、替换颜色，并实时预览效果。编辑完成后，可将渐变导出为 PNG 图片，用于设计工具或非 Tailwind 项目。所有功能均免费开放，无需登录即可使用。