ToolCraftWeb
返回工具广场/渐变/渐变色生成器

渐变色生成器

CSS Gradient Generator

可视化调节线性、径向、圆锥渐变与颜色节点，实时预览并输出 CSS 与 Tailwind 代码。

加载中…

关于此工具与使用指南

理解原理 · 操作场景 · 隐私说明

渐变色生成器是一款可视化的 CSS 渐变设计工具，支持线性、径向与圆锥三种渐变类型，可自由增删颜色节点并实时预览效果。

核心特性

  • ✓三种渐变类型：线性、径向、圆锥一键切换
  • ✓节点自由编辑：增删颜色节点、调节位置与取色
  • ✓内置精选预设：一键套用美观的渐变方案
  • ✓双格式输出：同时生成标准 CSS 与 Tailwind 类名

探索相关协同工具

查看全部工具→
调色板与 WCAG 对比度检查

智能生成色阶渐变，精确计算文字与背景的 WCAG 2.1 无障碍对比度（AA/AAA）。

图片调色板提取器

上传图片自动提取主色调，基于中位切分量化算法生成调色板，一键复制 CSS 变量。

OKLCH 色彩工作台

基于感知均匀的 OKLCH 色彩空间调色，拖动 L/C/H 滑杆并生成感知均匀的色阶。