首页 › 在线工具 › 颜色转换 · HEX / RGB / HSL 互转
HEX / RGB / HSL 三格式实时互转，带色块预览和明暗调节，改一个其他全部跟着变。
只是同一颜色的两种写法：HEX 用十六进制（#E9C368），RGB 用十进制（233,195,104）。CSS 里两者都能用，HEX 更短更常用，需要透明度时则用 rgba()。
HSL 按色相/饱和度/亮度描述颜色，更接近人的直觉。想让颜色变浅只调 L、想变灰只调 S，而 RGB 要同时改三个数，配色效率差很多。
算亮度：L = 0.299R + 0.587G + 0.114B，高于 186 配深色字，低于则配浅色字。本工具已自动算出并提示。
CSS 里用 rgba(r, g, b, 0.8) 或 8 位 HEX（#E9C368CC，后两位是透明度）。不要混用 opacity 属性，那会让整个元素连同子元素一起变透明。
多半是色彩空间问题：设计工具常用 P3 或 Adobe RGB，浏览器默认 sRGB。交付前让设计把色彩配置改成 sRGB 导出，或统一用 HEX 值沟通。