正在进入站内文章…

色值转换使用教程:HSB / RGB / HSL / HEX 色值互转与取色工具

标题栏切换「圆形」或「线性」取色模式,实时转换 HSB、RGB、HSL、HEX 四种色值格式,支持屏幕取色和历史颜色记录,一键复制结果,全部在本地浏览器完成,无需上传数据。

色值转换工具界面

功能特点

  • 取色模式:标题行右侧一体 Segment「圆形 / 线性」(与图片转 PDF、拼长图同族)。
  • 四种格式实时互转:HSB、RGB、HSL、HEX。
  • 支持屏幕取色与历史颜色记录,结果可一键复制。

使用场景

  • 设计配色:快速获取和转换设计所需的颜色值。
  • 开发调试:将颜色值转换为代码所需的格式。
  • 颜色参考:从屏幕任意位置取色,获取精确色值。

使用方法

  1. 在标题行右侧 Segment 中切换「圆形」或「线性」。
  2. 圆形:在圆形色盘上移动选择色相,右侧调整饱和度与亮度。
  3. 线性:在方形面板上选择饱和度与亮度,右侧调整色相。
  4. 在取色区点击或拖动选择颜色;需要时用屏幕取色从桌面取样。
  5. 查看并调整各通道数值,复制所需格式。

注意事项

  • 全部转换在本地浏览器运行,数据不上传服务器。
  • 支持两种取色模式:圆形(色盘)和线性(SV 面板)。
  • 支持四种色值格式:HSB、RGB、HSL、HEX,各格式实时同步。