跳到主要内容
15 个工具

设计工具

从屏幕取一个颜色,调一条 CSS 渐变,生成二维码和条形码,预览 SVG,检测屏幕坏点,或者找一面干净的纯色背景。这些轻量视觉操作不需要打开庞大的设计软件。

设计工具 · 15 个工具

颜色选择器

在线颜色选择工具,HEX、RGB、HSL、HSV格式互转,显示明暗色阶与互补色。全部在浏览器本地处理。

二维码生成器

在线二维码生成工具,支持文本、网址、名片等类型。自定义样式、颜色、大小,一键下载高清图片。

渐变生成器

在线CSS渐变生成工具,创建线性渐变、径向渐变背景。可视化调整颜色,实时预览并一键复制CSS代码。全部在浏览器本地处理。

颜色格式转换

在 HEX、RGB、HSL、HSV、CMYK、CSS 变量等格式之间互转颜色值,并给出亮度、对比度与色相分析,方便前后端对接和设计标注。

配色方案生成器

基于一个主色生成整套配色方案,支持互补色、类似色、三角色、四角色、分裂互补等配色规则,输出可直接复制的色值与预览。

条形码生成器

在线条形码生成器,支持CODE128、EAN13、EAN8、UPC、CODE39、ITF14等多种条码格式。可自定义颜色、尺寸,一键生成并下载PNG或SVG格式条形码。

SVG 查看器

在线SVG查看器和编辑器,实时预览SVG代码效果。支持源码编辑、可视化预览、下载SVG文件。全部在浏览器本地处理。

字体预览工具

用本机已安装的任意字体预览文字,或上传 TTF、OTF、WOFF、WOFF2 字体文件。可调字号、字重、字间距、行高与颜色,一键复制 CSS。全部在浏览器内完成。

颜色卡片工具

按色系批量生成颜色卡片,展示色值与对比文字效果,一键复制 HEX / RGB / HSL。适合配图取色、设计稿选色和教学演示。

CSS 动画效果大全

收录常用 CSS 动画效果并实时预览,涵盖淡入淡出、滑动、缩放、旋转、弹跳、抖动、翻转、打字机等。点击任意卡片进入详情页,可调整时长、延迟、缓动并复制完整代码。

纯色背景生成器

在线纯色背景图生成工具,自定义颜色和尺寸,支持常用预设(1080p、2K、4K等),一键下载PNG/JPG图片。全部在浏览器本地生成。

屏幕检测

在线屏幕检测工具,检测坏点、亮点、漏光问题。多种纯色测试、对比度测试,评估显示器质量。

占位图片生成器

在线占位图片生成器,指定宽高、背景色、文字色与圆角,一键得到 SVG、PNG、JPEG、WebP、Base64 Data URI 或纯 CSS 六种形态。内置常用尺寸(1200×630、1920×1080、512×512…

CSS 阴影生成器

在线 CSS 阴影生成器,可视化调整多层 box-shadow 的偏移、模糊、扩散、颜色与不透明度,支持内阴影叠加。内置轻微浮起、卡片、弹窗、内凹、硬边、霓虹六组预设,预览区可切换深浅背景——同一条阴影在深色界面上往往完…

电子印章制作

在线制作电子印章图片,四种版式:圆形公章、椭圆发票章、方形私章、长方形条章。填上单位名称和章名就能实时预览——公章按真实的双圈加五角星排布,单位名沿上弧逐字旋转,字多字少自动调整字距;私章支持 2 到 4 个字,按「右上…

设计工具分类用于生成和检查视觉资产,包括取色、渐变、二维码、条形码、屏幕测试、纯色显示、SVG 预览和字体预览。