CSS 单位换算与流体字号

转换 px、rem、em、vh、vw、%；生成流体字号 clamp()；转换 HEX、RGB、HSL — 浏览器本地实时预览。

预览

敏捷的棕色狐狸跳过懒狗。

输出

1rem

🔒 100% 在浏览器中处理，不向任何 API 发送数据。

使用方法

  1. 1在「单位换算」中选择换算类型并设置根字号或视口
  2. 2在「流体字号」中设置最小/最大视口与字号，复制 clamp() CSS
  3. 3在「颜色」中编辑 HEX、RGB、HSL 并查看色块
  4. 4在右侧复制输出 — 全部在本地计算

隐私

换算与颜色处理均在浏览器本地完成，不上传、不记录。

🔒 Processed locally in your browser.