表情·文字
生活
网站链接
宝宝起名·统计
文本
图片
设计
开发者工具
随机
安全
搜索
Ctrl K
Language
CN
全部工具
Border Radius 生成器
逐个调整圆角生成 CSS border-radius,支持横纵分开的斑点形状、预设和 Tailwind 类名。
너비
240
높이
160
프리셋
px
%
모든 모서리 연동됨
가로·세로 따로
랜덤 블롭
모든 모서리
px
CSS
border-radius: 24px;
Tailwind
rounded-3xl
什么是Border Radius 生成器?
可以分别调整每个角的圆角(border-radius),并生成 CSS。
使用方法
调整四个角的数值。
查看预览。
复制 CSS。
使用技巧
要做成圆形,给正方形设置 50%。
相关工具
Box Shadow 生成器
叠加多层阴影,生成自然的 CSS box-shadow,提供新拟态、粗野主义等预设和 Tailwind 类名。
渐变生成器
创建线性、径向或锥形渐变,并导出 CSS、Tailwind 或 PNG。
调色板提取器
从照片中提取主要颜色并分配主色、辅助色、强调色和中性色,提供明度阶梯、文字对比度,以及 CSS、Tailwind、设计令牌导出。
颜色代码转换器
一次互转 HEX、RGB、HSL、OKLCH、LAB 等颜色代码,并提供 SwiftUI、Android、Flutter 代码、明度阶梯和文字对比度。