圆角生成器
圆角生成器. 用滑块调整各个圆角并复制 CSS。
颜色
浏览器中即可使用的实用工具。
圆角生成器. 用滑块调整各个圆角并复制 CSS。
直接在浏览器中使用盒阴影 · 生成器。选择输入和设置,然后检查结果。
颜色透明度混合. 在编码 sRGB 中将前景合成到不透明背景上。
色觉模拟器. 基于 Machado 等人(2009)的二色视觉近似。个人感知各异。灰度是独立的亮度预览。
色差计算. CIE76 ΔE 使用 Bradford 适应后的 D50 Lab。它衡量色差,不代表对比度或可读性。
颜色混合器. 编码 sRGB 与线性光混合的结果不同。比例适用于颜色 B。
直接在浏览器中使用调色板 · 生成器。选择输入和设置,然后检查结果。
直接在浏览器中使用颜色选择与转换。选择输入和设置,然后检查结果。
直接在浏览器中使用对比度检查。选择输入和设置,然后检查结果。
CSS clamp 生成器. 输出使用 rem 和 vw。请设置页面根字号。预览模拟所选视口宽度。
CSS 贝塞尔曲线编辑器. 拖动控制点或使用方向键。按住 Shift 可增大步长。
CSS 滤镜生成器. 调整滤镜并比较实时预览与生成的 CSS。
直接在浏览器中使用CSS渐变 · 生成器。选择输入和设置,然后检查结果。
SVG 转数据 URI. 选择本地 SVG 或粘贴源码,运行后可预览、缩放和下载。
SVG 查看器. 选择本地 SVG 或粘贴源码,运行后可预览、缩放和下载。
文字阴影生成器. 调整文字阴影的位置、模糊、颜色和不透明度。
字体大小比例. 设置基准字号、比例和级数以生成 CSS 大小。