图片
颜色转换
HEX、RGB、HSL 互相转换并预览。
1. 选色 / 输入
点左侧色盘，或直接改 HEX。下方 RGB / HSL 会跟着变，改任一项都会同步。
2. 微调 RGB
3. 微调 HSL
4. 复制结果
HEX#D61F26
RGBrgb(214, 31, 38)
HSLhsl(358, 74.7%, 48%)
怎么用
- 在任一格式框输入颜色（如 #f00 或 rgb(255,0,0)）。
- 其它格式会自动转换并显示色块预览。
- 点「复制」复制对应的 CSS 色值。
注意事项
- 支持 #RGB 三位简写，#f00 等价于 #FF0000。
- 显示颜色受屏幕与浏览器色彩管理影响，以预览色块为准。
- 本地转换，内容不上传。
常见问题
支持 #RGB 三位简写吗？
支持。例如 #f00 等价于 #FF0000。
和设计稿色差？
转换按标准公式；显示还受屏幕和浏览器色彩管理影响，以预览色块为准即可。
CSS 里该写哪种格式？
写页面样式用 HEX 或 RGB 都行，两者完全等价（如 #D61F26 = rgb(214,31,38)）。要调亮度、饱和度，用 HSL 改起来更直观。
取色器怎么用？
点取色器选颜色，HEX、RGB、HSL 会同时更新，复制需要的那种格式即可。