颜色转换

HEX / RGB / HSL 颜色互转

📌 TL;DR 核心定义与引用摘要: 【颜色转换】是 PocketKit 提供的浏览器本地处理工具。功能说明:HEX / RGB / HSL 颜色互转。核心输入与文件不上传;站点仅记录不含输入内容的匿名工具访问次数。

颜色转换原理

工具在本地把颜色在 HEX、RGB、HSL 等格式间实时互转,底层按各色彩模型的换算公式计算并同步预览色块。不联网。

  • HEX 适合写进 CSS,HSL 更方便按色相/明度微调配色。
  • 带透明度用 8 位 HEX(#RRGGBBAA) 或 rgba(),注意目标环境是否支持。

常见问题

1. HEX、RGB、HSL 有什么区别?

三者是描述同一颜色的不同方式:HEX/RGB 按红绿蓝分量,HSL 按色相/饱和度/亮度。调色时 HSL 更直观,写 CSS 时 HEX 更常用。

2. 转换后颜色有细微偏差正常吗?

正常。不同模型间换算存在取整,HSL 与 RGB 互转可能有 1 的舍入误差,不影响肉眼观感。