CSS渐变生成器
创建最多4种颜色的线性或径向渐变，并复制即用的CSS代码。
🔒 100% 隐私
⚡ 无需上传文件
🆓 免费且无限制
如何在线创建 CSS 渐变
1
选择渐变类型
根据你想要的效果选择线性或径向渐变。
2
添加和调整颜色
添加最多 4 种颜色，改变它们的顺序，并调整渐变的角度或位置。
3
复制 CSS 代码
按下复制按钮，将代码直接粘贴到您的样式表中。
渐变生成器常见问题
渐变是为任何网页设计增添深度和风格的简单方法。此工具生成您所需的确切 CSS 代码，无需手动编写。
我可以创建哪些类型的渐变？
+
你可以创建线性渐变（任意角度）和径向渐变。
我可以使用多少种颜色？
+
你可以在同一渐变中组合 2 到 4 种颜色。
代码是否适用于所有浏览器？
+
是的,它使用标准 CSS 语法生成,兼容所有现代浏览器。
我需要安装任何程序吗?
+
不需要,无需安装任何内容。它直接在浏览器中运行。
这是免费的吗?
+
是的,这个工具完全免费。
我能否将渐变用作图像背景？
+
生成的代码是纯 CSS；如果你需要图像，可以对预览进行屏幕截图。
颜色
颜色转换器（HEX、RGB、HSL、CMYK）
即时在 HEX、RGB、HSL 和 CMYK 之间转换任何颜色，具有实时预览和最接近的颜色名称。
调色板生成器
从基础颜色生成 5 种协调色调色板（补色、类似色、三色或单色）。
WCAG 对比度检查器
检查文本和背景色组合是否符合 AA 和 AAA 无障碍级别。
随机颜色
只需点击一下即可生成随机颜色，并查看其名称、HEX/RGB/HSL 代码以及相似颜色。
颜色选择器（取色工具）
使用浏览器的滴管工具从屏幕上选择任何颜色，或使用经典的颜色选择器。
色盲模拟器
上传图像，查看患有红色盲、绿色盲或蓝色盲的人如何看待它。
网格渐变生成器
创建网格渐变背景（模糊的色块），并将其下载为 PNG 或复制 CSS 代码。
色调和阴影生成器
自动生成任何颜色的最浅色调和最深阴影，以及其十六进制代码。
颜色混合器
混合两种颜色，逐步发现中间色调及其十六进制代码。
色轮（和谐配色）
在色轮上选择一种颜色，发现其和谐组合：互补色、邻近色、三角色等。
图像调色板提取器
上传图像并自动提取其主色调，生成调色板，显示每种颜色的十六进制代码。
图像平均颜色
上传图像，立即计算其平均颜色，包括 HEX、RGB 和 HSL 代码。
