Loading...
Loading...
RGB 与 HEX 互转
借助实时滑块和大号预览色块，在 RGB、HEX 和 HSL 三种表示之间双向转换同一种颜色。拖动滑块时三种格式会一起重新计算，因此你总能看到同一颜色对应的十六进制代码和 HSL 三元组。你也可以粘贴一个十六进制值来驱动滑块，然后复制样式表所需的任意格式。
RGB 与 HEX 是完全等价的，但转换为 HSL 时需要对色相、饱和度和亮度取整，因此往返经过 HSL 偶尔会偏差一档。若要像素级精确的颜色，优先使用 RGB 或 HEX 输出。
同时查看同一颜色的 RGB、HEX 和 HSL，调整时所有值保持同步。
移动通道滑块时，色块和所有数值格式都会实时更新。
输入十六进制代码，滑块会随之跳转匹配，是逆向解析现有颜色的快捷方式。
一键复制 RGB、HEX 或 HSL 字符串，可直接粘贴到 CSS 或设计工具中。
拖动通道滑块或粘贴 HEX 代码以设定起始颜色。
观察色块和三种格式字段同步更新。
微调颜色，直到预览与你想要的一致。
复制你需要的 RGB、HEX 或 HSL 字符串。
粘贴设计稿里的十六进制，读取代码或框架期望的 RGB 或 HSL 值。
在 HSL 中调整亮度，为基准色生成一致的浅色和深色阶。
可视化地挑选颜色，复制精确的十六进制字符串放进样式表。
每个通道以 0 到 255 的值保存。HEX 由这些数字按十六进制格式化而来，HSL 则用标准的 RGB 转 HSL 公式推导并取整显示。
颜色运算完全在浏览器中进行，你创建的颜色不会被上传或记录到任何地方。
转换只是少量算术运算，因此即使持续拖动滑块，色块和所有字段也保持流畅响应。