🌈 一个工具箱,
完成所有设计任务

渐变生成器

设计漂亮的线性和径向渐变,实时 Canvas 预览,一键复制 CSS 代码。

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🌈 渐变生成器

渐变生成指南

渐变是两种或多种颜色之间的平滑过渡。渐变为网页设计、UI元素和插图增加深度、层次感和视觉趣味。

选择两种颜色,调整渐变角度,立即在Canvas上看到效果。复制CSS代码用于您的项目。尝试不同的角度值来创建独特的效果。

专业提示

常见问题

Q: 线性和径向渐变有什么区别?
线性和径向渐变有什么区别?线性渐变沿直线过渡,而径向渐变从中心点向外辐射。
Q: 我可以在CSS中使用渐变吗?
我可以在CSS中使用渐变吗?可以,使用background-image属性配合linear-gradient()或radial-gradient()函数。
Q: 我可以创建透明渐变吗?
我可以创建透明渐变吗?是的,使用不透明度滑块或手动编辑复制的 CSS 以使用 rgba() 或 hsla() 颜色值。具有透明度的渐变非常适合叠加和玻璃效果。
Q: 如何使渐变响应?
如何使渐变响应?生成的 CSS 适用于任何容器大小。对于全屏渐变,请将渐变应用于主体或包装元素。使用背景大小:覆盖以获得最佳效果。
Q: 线性渐变和径向渐变有什么区别?
线性渐变和径向渐变有什么区别?线性渐变沿着直线过渡,非常适合标题和横幅。径向渐变从中心点辐射出来,非常适合聚光灯效果和圆形元素。

中国传统色

中国传统色源自「五色观」——青、赤、黄、白、黑,对应五行、方位与季节。古人从矿物与植物中提炼颜料,形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作,至今仍是设计师的灵感源泉。

胭脂 #9D2933

古代妆饰与衣料的经典红色,由胭脂虫或红花制成

朱砂 #FF461F

矿物颜料,故宫红墙与印章的常用色

黛蓝 #425066

古代女子画眉之色,沉稳内敛

竹青 #789262

竹叶之色,文人雅士钟爱的清雅色调

月白 #D6ECF0

月光般的淡蓝色,明清宫廷常服用色

藤黄 #FFB61E

取自藤本植物汁液,国画重要黄色颜料

藕荷 #E4C6D0

藕色与荷色的结合,温婉柔美

秋香 #D9B611

秋日桂花的黄绿色,明代流行色

石绿 #16A951

矿物孔雀石研磨而成,山水画中的绿色

墨色 #50616D

书法用墨的深灰蓝色,文房四宝之色

Q: 什么是中国传统色?
什么是中国传统色?中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料,形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值?
中国红是什么色值?中国红属于朱砂色系,常用色值 #FF461F(朱红)或 #9D2933(胭脂)。故宫红墙更接近深红色 #A61B29。