100 100.tools
JSON 格式化与校验 文本/代码差异对比工具 正则表达式在线测试器 Cron 表达式生成器 UUID / GUID 批量生成器 SEO 与网页 Meta 标签预览

CSS 渐变色生成与取色器

可视化生成线性、径向和锥形 CSS 渐变，拖动颜色节点、选择颜色，并一键复制可用于生产的 CSS。

在浏览器本地运行，不会上传任何内容。

预览

拖动颜色节点或修改数值即可更新渐变。

拖动轨道上的标记来调整位置。

预设

从均衡配色开始。

渐变类型

颜色节点

拖动标记或编辑每个颜色节点。

CSS 输出

复制 background 声明或可复用的 CSS 类。

已准备好。

CSS 渐变色生成与取色器

可视化生成线性、径向和锥形 CSS 渐变，拖动颜色节点、选择颜色，并一键复制可用于生产的 CSS。

隐私说明

在浏览器本地运行，不会上传任何内容。

主要功能

  • 拖动颜色节点或修改数值即可更新渐变。
  • 拖动标记或编辑每个颜色节点。
  • 复制 CSS
  • 复制类
  • 在浏览器本地运行，不会上传任何内容。

使用方法

  1. 预设

    从均衡配色开始。

  2. 颜色节点

    拖动轨道上的标记来调整位置。

  3. 渐变类型

    线性 / 径向 / 锥形

  4. CSS 输出

    复制 background 声明或可复用的 CSS 类。

常见问题

CSS 渐变色生成与取色器

可视化生成线性、径向和锥形 CSS 渐变，拖动颜色节点、选择颜色，并一键复制可用于生产的 CSS。

复制 CSS

复制 background 声明或可复用的 CSS 类。

在浏览器本地运行，不会上传任何内容。

在浏览器本地运行，不会上传任何内容。

相关工具

IMAGE 图片调色板提取 从图片中提取 HEX、RGB、HSL 和 CSS 调色板。 SVG SVG 转 PNG 在本地将 SVG 文件或代码导出为 PNG。 IMAGE 图片转 Base64 将图片转换为 Data URI、CSS url() 或原始 Base64。 JSON JSON 格式化与校验 本地格式化、校验和折叠 JSON。 TEXT-DIFF 文本/代码差异对比工具 本地对比原文与修改稿，支持并排视图和统一 diff。 REGEX 正则表达式在线测试器 实时高亮和捕获组的正则测试器。 CRON Cron 表达式生成器 本地生成并解释 cron 表达式。 UUID UUID / GUID 批量生成器 批量生成并导出 UUID v1、v4 和 v7。