Gradient Joy

打开就能用，连注册都省了？

Gradient Joy 是一个纯粹的渐变色彩灵感库，打开网页就能直接浏览，没有任何登录弹窗、会员提示或广告干扰。所有核心功能——浏览、收藏、复制代码——都在无账号状态下完成。网站采用卡片式瀑布流布局，无限滚动加载，每张卡片展示一组柔和的渐变预览和名称。点击任意卡片，即可复制其 CSS 线性渐变代码，或者分别复制起始色和结束色的 HEX 值。收藏功能同样不需要注册，点一下爱心图标，渐变就会被存入浏览器的本地存储，下次打开依然在。整个过程轻快得就像翻一本实体色卡，没有多余步骤。

渐变灵感随手挑，不打扰才是好体验

Gradient Joy 的设计目标就是让「找颜色」这件事变得没有压力。网站没有弹窗、没有强制更新通知、没有第三方追踪脚本（原文明确表示无分析追踪）。界面本身简洁干净，卡片之间的间距留白舒适，鼠标悬停时有微妙的动效反馈。色彩搜索功能支持输入任意 HEX 值，筛选出包含该颜色的渐变组合，帮你在海量卡片里快速定位。日夜模式跟随系统主题自动切换，夜间浏览时背景变暗，但卡片色彩依旧准确，不刺眼。移动端同样适配良好，在手机上滑动浏览、复制代码都很顺手，适合通勤或碎片时间随手翻翻。

那些让设计师点头的小细节

• 一键复制 CSS 代码：点击卡片后直接显示代码块，支持一次性复制整个 linear-gradient，也支持单独复制起始色和结束色 HEX，方便在 Figma、Sketch 里手动录入。
• 本地存储收藏：无需注册即可用爱心标记喜欢的渐变，浏览器本地存储保存，换设备或清缓存会丢失，但胜在零门槛，隐私完全自控。
• 色彩筛选：如果你手头有一个品牌主色（比如 #FF6B6B），直接输入 HEX，页面会筛选出所有包含该色的渐变，省去逐个翻找的时间。
• 无广告无追踪：网站没有任何广告位、弹出窗口或第三方统计脚本，连 Cookie 都不需要用，打开即用，用完即走。

适合谁用？不止设计师

虽然名字带“渐变”，但 Gradient Joy 的色调整体偏向柔和、温暖、少女感，因此特别适合女性向产品设计师——比如美妆 App、穿搭社区、母婴类应用的 UI 配色。社交媒体内容创作者（小红书、Instagram 博主）常从这里挑选浪漫渐变作为帖子背景或封面。婚礼策划师和花艺师也会来提取渐变色作为主题色灵感。前端初学者则可以通过这些优雅的渐变示例，直观理解 CSS linear-gradient 的写法，比看文档有趣得多。使用场景很多：生活类 App 的打卡页、女神节电商活动 Banner、个人博客的标题背景、甚至手帐爱好者打印下来用于拼贴。网站里所有渐变色值都属于开放知识，无需授权即可商用。

几个同类参考，试试看

如果你觉得 Gradient Joy 的风格偏柔和，想要更广泛的选择，可以看看 Piggment——它更像一个策展型渐变画廊，风格跨度更大，从活泼到沉稳都有。Gradienta 偏向多色开源渐变，适合追求复杂配色的开发项目。Hypercolor 则是 Tailwind CSS 生态里的渐变工具集，对前端工程师更友好。Gradient Joy 由一位独立设计师兼前端工程师开发，纯属个人兴趣项目，没有公司背景，也没有付费计划——所有功能完全免费，国内可直接流畅访问（托管在高速 CDN，无需特殊网络环境）。