颜色转换器
在HEX、RGB和HSL格式之间转换颜色，并实时预览色块——编辑任意一个值，其他值会立即更新。
#3b82f6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB
HSL
常见问题
RGB和HSL有什么区别？
RGB通过红、绿、蓝光分量（各0-255）来描述颜色。HSL通过色相（色轮上的位置，0-360°）、饱和度（强度，0-100%）和明度（0-100%）来描述同一颜色。在调整颜色（例如使其变亮或变柔和而不改变色相）时，HSL通常更直观。
我可以输入像#fff这样的3位十六进制代码吗？
可以，简写的3位十六进制代码会自动展开，#fff在转换前会变为#ffffff。
为什么要将HEX转换为HSL，而不是到处只用HEX？
HSL让某些CSS技巧变得更容易，比如只通过改变明度值就能生成一组一致的颜色深浅，或者通过独立于色相控制饱和度和明度来构建无障碍配色方案。