Ctrl K
颜色转换器 · 使用说明
颜色转换器在 HEX、RGB、HSL 三种格式之间实时互转：输入任意一种写法，立即得到其余格式的等价值，并显示色块预览、明暗判断与相近色，方便取色与统一设计变量。支持三位与六位十六进制、带透明度的写法以及函数式写法，适合前端调主题色、写设计规范、核对设计稿与实现是否一致。所有换算在浏览器本地完成，随手可用。
示例
输入
#8b5cf6
输出
rgb(139, 92, 246) hsl(258, 90%, 66%)
如何使用
- 输入 HEX（如 #6366f1）或 RGB 值
- 自动得到对应 RGB / HEX / HSL 与预览
- 点击复制任意格式
小贴士
- HSL 更适合人工调色：改明度、饱和度即可衍生色阶
- 带 # 与不带 # 的 HEX 均可识别
常见问题
颜色转换会上传我的数据吗？
不会。颜色计算在你的浏览器本地完成，内容不会上传任何服务器，页面关闭后也不留下记录，和站内 本地工具 一致。
HEX 和 RGB 怎么换算？
HEX 每两位一组按十六进制转十进制即可，例如 #6366f1 → 63=99、66=102、f1=241 → rgb(99,102,241)。R/G/B 各 0-255 一一对应，可精确互转。
为什么不同显示器上颜色不一致？
HEX/RGB/HSL 在数学上可精确互转，但实际显示受显示器色域（sRGB / P3）、色彩配置与亮度影响，同一串颜色在不同屏幕上会略有差异，这是硬件差异而非转换误差。
HSL 的 L 就是亮度吗？
不完全是。HSL 的 L（Lightness）按最大/最小通道的平均取算，方便调节，但它并不等于人眼感知的亮度（实际感知对绿色更敏感）。调色时按手感调整即可。
想检查文字在这个底色上清不清楚？
把前景与背景色分别填入 WCAG 颜色对比度，可直接得到比值并判断是否达到 AA / AAA 无障碍标准。