颜色转换工具（HEX/RGB/HSL）
在HEX、RGB和HSL格式之间转换颜色。可视化选取颜色，或手动输入数值。
HEX
#535bebRGB
rgb(83, 91, 235)HSL
hsl(237, 79%, 62%)什么是颜色转换工具（HEX/RGB/HSL）？
HEX、RGB和HSL是表达同一种颜色的三种方式。HEX（#RRGGBB）在CSS和设计工具中最为常见。RGB（rgb(R,G,B)）以数值方式分离各通道。HSL（hsl(H,S%,L%)）对人来说更直观：色相（hue）是颜色本身，饱和度是色彩强度，明度（lightness）则是亮度。设计配色方案时使用HSL；在实现时再转换为HEX。
常见问题
我应该在什么时候用HSL而不是HEX？▼
在设计时：HSL让你能够独立调整明度或饱和度。随后再转换为HEX用于代码。
OKLCH和现代颜色空间呢？▼
OKLCH在感知上是均匀的，更利于实现无障碍设计。它在CSS Color Level 4中获得支持（所有现代浏览器）。
相关工具
CSS Box Shadow生成器
以可视化方式创建CSS box-shadow值。实时预览并复制生成的CSS。
CSS渐变生成器
创建线性和径向CSS渐变。以可视化方式选择颜色，并复制生成的CSS。
Cubic Bezier缓动曲线生成器
为CSS创建cubic-bezier缓动曲线。内置标准预设。
配色方案生成器
从任意基准色生成和谐的配色方案。支持互补色、邻近色、三角色和单色方案。
CSS Border Radius生成器
以可视化方式创建复杂的CSS border-radius值。可独立控制每个圆角。
CSS Clamp()生成器
使用clamp()生成流式、响应式的CSS数值。在视口范围内于最小值与最大值之间平滑缩放。