色彩空间转换

支持 Hex, RGB, HSL 全向实时转换

HEX
RGB
HSL
在输入框中粘贴任意支持的格式，系统会自动推断并算出所有颜色空间。
预览区域

这个工具能做什么

输入一个颜色，HEX、RGB、HSL 三种写法同时给出来，旁边有色块预览。HEX 支持 #fff 这样的三位简写，RGB 和 HSL 直接粘贴 CSS 里的写法就行。设计稿给的是 HEX、代码里要用 HSL 时，用它换算最省事。

使用步骤

  1. 在输入框里输入 HEX、rgb() 或 hsl() 格式的颜色。
  2. 查看自动换算出的另外两种格式和预览。
  3. 点复制需要的那一种。

常见问题

支持透明度吗？

目前只处理不透明颜色，rgba、hsla 的透明度部分会被忽略。

换算会有误差吗？

HSL 换算会取整，来回转换时个别数值可能差 1，肉眼看不出区别。

更多工具见开发者工具箱； 要做应用商店预览图，可以用App Store 截图生成器。