CSS 渐变色生成器

可视化生成 linear-gradient / radial-gradient / conic-gradient，实时预览，一键复制 CSS 代码

参数配置
°
X %
Y %
预览效果
生成代码
精选预设 — 点击直接应用
关于 CSS 渐变色生成器
  • 支持线性渐变（linear-gradient）、径向渐变（radial-gradient）、锥形渐变（conic-gradient）三种类型
  • 可视化拖拽旋转盘调整角度，颜色节点支持颜色选择 + 位置百分比，最多 8 个节点
  • 内置 20 个精选渐变预设，点击即可应用；同时输出标准 CSS 和 Tailwind CSS 写法
操作说明
  • 选择渐变类型，调整角度（线性）或中心点（径向），添加/修改颜色节点，下方实时预览
  • 拖拽旋转盘或直接输入角度数值；点击快捷角度按钮（0°/45°/90°/135°/180°）快速设置
  • 点击「复制 CSS」或「复制 Tailwind」一键复制代码；点击预设卡片直接应用
注意事项
  • 锥形渐变（conic-gradient）为 CSS 新特性，IE 和旧版浏览器不支持
  • Tailwind CSS 写法仅支持线性渐变的简化形式（from/via/to），复杂渐变建议使用标准 CSS
  • 所有处理均在浏览器本地完成，不会上传任何数据

相关工具

在线时钟

在线数字时钟工具，实时显示当前时间，支持12小时和24小时制切换，精确到毫秒级别。提供日期显示、星期显示、时区信息等功能，界面简洁美观。适用于需要精确计时的场景，如代码性能测试计时、会议时间控制、在线考试倒计时等。全屏模式下可作为桌面时钟使用，是日常工作和学习的实用辅助工具，无需安装任何软件，打开浏览器即可使用。

在线调色板

在线调色板工具，提供可视化颜色选择器，支持HEX、RGB、RGBA、HSL、HSLA等多种颜色格式的实时转换和复制。可通过拖拽色盘、调整色相/饱和度/亮度滑块精确选取颜色，也可直接输入颜色值进行格式转换。提供常用颜色预设和最近使用颜色记录功能。是前端开发、UI设计、网页制作中不可缺少的工具，帮助设计师和开发者快速获取准确的颜色代码，提升工作效率。

在线画板工具

在线画板涂鸦工具，提供简洁的手绘界面，支持自由绘制、直线、矩形、圆形等基本图形绘制。可调整画笔粗细和颜色，支持橡皮擦功能，一键清空画布。绘制完成后可将画布内容保存为PNG图片下载。适用于快速草图绘制、思维导图手绘、教学演示、创意涂鸦等场景。无需安装任何软件，打开浏览器即可使用，所有绘制数据保存在本地，不上传至服务器。

draw.io在线绘图

基于draw.io的免费在线绘图工具，支持流程图、UML类图/时序图、网络拓扑、ER图、BPMN、泳道图、思维导图等全类型图表，数据自动保存至本地，完全离线可用，无需注册登录。

RGB颜色转换

在线RGB颜色格式转换工具，支持HEX（十六进制）、RGB、RGBA、HSL、HSLA等颜色格式之间的相互转换。输入任意格式的颜色值，立即获得其他所有格式的对应表示，并实时预览颜色效果。支持3位和6位HEX格式（#FFF和#FFFFFF），自动处理透明度（Alpha通道）。是前端开发、UI设计、CSS样式编写中的实用工具，帮助设计师和开发者在不同颜色表示格式之间快速转换，所有转换在浏览器本地完成。

键盘测试

在线键盘测试工具，实时检测键盘上每个按键的响应状态。按下任意键后，对应按键在虚拟键盘图上高亮显示，帮助用户快速判断哪些按键正常工作、哪些按键存在故障。支持检测按键连击（Ghosting）问题，显示同时按下多键时的响应情况。适用于购买新键盘前的验货测试、排查键盘按键失灵问题、测试机械键盘的触发稳定性、游戏键盘的多键同按测试等场景，无需安装任何软件，打开浏览器即可使用。

定时刷新页面

在线定时刷新页面工具，可设置指定URL在固定时间间隔后自动刷新。支持自定义刷新间隔（秒/分钟），提供倒计时显示，可随时暂停或停止自动刷新。适用于监控实时更新的网页（如股票行情、服务器状态页面）、自动化测试中的页面轮询、需要定期检查页面内容变化等场景。工具简单易用，无需编写代码，是运维监控和自动化测试的实用辅助工具，所有功能在浏览器本地运行。

图片压缩

在线图片压缩工具，支持JPEG、PNG、WebP格式，可调节压缩质量和最大尺寸，实时预览压缩效果和文件大小对比。所有处理在浏览器本地完成，不上传图片数据。

图片格式转换

在线图片格式转换工具，支持JPEG、PNG、WebP、BMP、GIF等格式互转，可调节输出质量，批量转换多张图片。所有处理在浏览器本地完成，不上传图片数据。

图片裁剪

在线图片裁剪工具，支持自由裁剪和固定比例（1:1、4:3、16:9等）裁剪，可拖拽调整裁剪区域，实时预览裁剪结果并下载。所有处理在浏览器本地完成，不上传图片数据。

图片滤镜

在线图片滤镜工具，支持调节亮度、对比度、饱和度、色相、模糊、灰度、复古、反色等参数，提供多种预设滤镜，实时预览效果并下载处理后的图片。所有处理在浏览器本地完成。

文件分割与合并

在线文件分割与合并工具，可将大文件按指定大小或数量分割为多个小块，也可将分块文件重新合并为原始文件。支持任意格式文件，所有处理在浏览器本地完成，文件不上传服务器。

PDF工具集

在线PDF工具集，支持查看PDF文件信息（页数、作者、创建时间等）、提取指定页面范围的文本内容、预览页面缩略图。基于PDF.js在浏览器本地处理，不上传文件数据。

思维导图在线

基于 mind-elixir 的在线思维导图编辑器，支持可视化拖拽编辑节点、折叠展开、自定义节点样式，提供技术选型、项目规划等内置场景示例。支持导出 PNG 图片和 JSON 格式，所有操作在浏览器本地完成，数据不上传服务器。

番茄钟计时器

在线番茄钟计时器，基于番茄工作法（Pomodoro Technique），支持25分钟专注+5分钟短休息+15分钟长休息的标准循环，可自定义时长，提供进度环动画、提示音和浏览器通知，记录当日完成番茄数。所有数据保存在浏览器本地。

倒计时工具

在线倒计时工具，设置目标日期时间后实时显示剩余天/时/分/秒，支持多个倒计时同时运行（最多5个），支持正计时模式，到期时显示提示动画。数据保存在浏览器本地，刷新不丢失。

在线便签

在线便签工具，支持多标签便签（最多10个），自动保存到浏览器localStorage，刷新不丢失，支持字数统计、字体大小调整，可导出为.txt或.md文件。无需登录，数据完全保存在本地浏览器中。

代码转图片

在线代码转图片工具，将代码生成带语法高亮的精美截图，支持20+编程语言、多种主题（GitHub/Monokai/Dracula等）、自定义背景色/渐变、macOS/Windows窗口样式、行号显示，导出高清PNG图片，适合技术博客和社交媒体分享。

图片水印添加

在线图片水印添加工具，支持文字水印（自定义字体/颜色/透明度/旋转/位置）、图片水印（Logo叠加）和全图平铺水印三种模式，实时预览效果，导出PNG/JPEG。所有处理在浏览器本地完成，图片不上传服务器。

图片尺寸调整

在线图片尺寸调整工具，支持指定宽高、按百分比缩放、指定最长边三种方式，可保持宽高比，支持批量处理多张图片并打包下载ZIP，输出PNG/JPEG/WebP格式。所有处理在浏览器本地完成，图片不上传服务器。

在线投骰子

在线投骰子工具，支持同时投 1-3 个骰子，带 3D 翻滚动画效果，支持全屏模式，适合桌游、决策辅助等场景。

在线翻硬币

在线翻硬币工具，模拟真实硬币抛掷，带流畅翻转动画，支持连续翻多次并统计正反面概率，适合随机决策场景。

随机点名器

随机点名器，支持录入人名（一行一个），可设置每次抽取人数，带滚动抽取动画，支持全屏展示，适合课堂点名、会议抽奖等场景。

大转盘抽奖

大转盘抽奖工具，支持自定义转盘项目和各项概率权重，带流畅旋转动画，支持全屏展示，适合抽奖、随机决策等场景。

在线压缩解压工具

在线文件压缩与解压工具，支持将多个文件打包为ZIP压缩包下载，以及解析ZIP文件查看内容并提取单个或全部文件。可选压缩级别（最快/默认/最优），所有操作在浏览器本地完成，不上传任何数据。

证件照处理工具

在线证件照处理工具，基于AI自动抠图（背景移除），支持更换白/红/蓝/自定义背景色，提供一寸、二寸、小二寸等标准证件照尺寸预设，可导出JPG或透明背景PNG。所有处理在浏览器本地完成，照片不上传服务器。