颜色格式转换
转换 HEX、RGB、HSL 与透明度,实时查看色样,并复制可直接使用的 CSS 颜色。
调配颜色、检查文字对比度、生成 CSS 效果和计算画面比例。
浏览器未允许保存,当前更改仅在本页面保留。
共 16 个工具
转换 HEX、RGB、HSL 与透明度,实时查看色样,并复制可直接使用的 CSS 颜色。
检查文字与背景的 WCAG 2.2 对比度,实时预览并分别显示普通与大号文字的 AA、AAA 结果。
可视化制作线性或径向渐变,编辑 2–8 个色标和位置,实时预览并复制 CSS。
直观调整位移、模糊、扩展、颜色与透明度,预览外阴影或内阴影并复制 box-shadow。
约分图片或视频的宽高比例,按已知宽度或高度计算另一边,并直观查看画面形状。
可视化设置固定或自适应网格列、间距和对齐,实时预览布局并输出 CSS 与 HTML。
直观调整弹性布局的方向、换行、间距和对齐,预览效果并获取可用的 CSS、HTML。
从基色生成互补色、邻近色、三色配色或单色深浅方案,复制 HEX 并导出 CSS 变量与 JSON。
联动或独立调整四角半径,预览普通与椭圆圆角并导出 border-radius。
拖动或精确编辑多边形节点,实时预览 clip-path 并导出可用 CSS。
调整两个控制点,播放过渡预览并生成 cubic-bezier 缓动函数。
用最小与最大字号、视口宽度生成响应式 clamp(),支持 px、rem 和字号预览。
在示例图或本地图片上预览模糊、亮度、色彩和透明度,导出对应的 filter CSS。
调整平移、旋转、缩放、倾斜和变换原点,按需启用透视与三维变换并导出 CSS。
查询 A、ISO B、C 与北美纸张规格,按方向、分辨率和出血换算毫米、英寸、点和像素。
净化并优化 SVG,对照原图检查体积和视觉效果,下载 SVG,或按指定尺寸导出透明、纯色背景的 PNG。
由你决定是否允许访问统计
使用 Umami 了解页面访问情况。是否参与由你决定,拒绝不影响工具使用。
当前设置:允许统计。
当前设置:不允许统计。
统计服务已更换。请在完成当前操作后刷新页面,以应用新配置。
浏览器已发出“不跟踪”或隐私保护信号,本网站将保持统计关闭。
访问统计由 Umami 提供,用于了解哪些页面受欢迎以及访客从哪里来。拒绝统计不影响站点功能,你也可以随时更改选择。
选择仅在此浏览器中保存六个月。统计不会上传你在工具中处理的文件或填写的内容。
隐私政策