Border Radius 生成
Border Radius 生成：按四个角半径生成圆角 CSS。直接输入数据，在浏览器中完成处理并导出。
颜色与样式预览
本机处理 · 即用即走处理结果
完成输入后点击上方按钮，结果将在这里显示。
如何使用Border Radius 生成
- 直接修改已填写的案例，或载入其他案例。
- 按四个角半径生成圆角 CSS。
- 点击“生成预览”，核对结果后复制、下载或继续调整。
处理规则
按四个角半径生成圆角 CSS
颜色换算使用 sRGB，CMYK 无 ICC 色彩管理，仅供屏幕参考。对比度按 WCAG 2 的亮度公式，不能独立保证整页可访问性。
输入示例
左上半径 (px)：4
右上半径 (px)：8
右下半径 (px)：16
左下半径 (px)：0
常见问题
Border Radius 生成如何确定输出？
按四个角半径生成圆角 CSS。
使用Border Radius 生成查询前，要确认哪些适用条件？
先确认代码或名称的版本、适用范围和目标场景；对会随标准、政策或软件版本变化的内容，应以最新官方资料为准。
使用Border Radius 生成查询时，输入内容会上传吗？
不会。当前查询和筛选在浏览器内执行；参考资料如会随标准或政策变化，应再核对最新官方来源。
相关工具
更多颜色与设计 →渐变 CSS 生成
由两色与角度生成 linear-gradient。
颜色与设计Box Shadow 生成
按偏移、模糊、扩散及颜色生成盒阴影。
颜色与设计Text Shadow 生成
按偏移与模糊生成文字阴影。
颜色与设计CSS 滤镜生成
组合亮度、对比度、灰度和模糊参数。
颜色与设计Favicon 背景预览
生成带单字符字母的 SVG 图标，可下载。
颜色与设计HEX RGB HSL 颜色转换
解析 HEX/RGB 并同时输出 RGB、HSL、HEX。
颜色与设计CMYK 基础转换
将 RGB/HEX 转为不含 ICC 色彩管理的 CMYK 百分比。
颜色与设计WCAG 颜色对比检查
按 sRGB 相对亮度计算对比度并检查普通/大字 AA 阈值。
颜色与设计