十六进制 RGB HSL 颜色转换器

在十六进制字段中键入或粘贴十六进制值（如 #3b82f6 或 #fff），或使用颜色选择器。 RGB 值立即显示为 rgb(r, g, b)，您可以一键复制。转换也以另一种方式进行，输入 rgb() 值，十六进制实时更新。

是的。每个字段：HEX、RGB、HSL、HSV/HSB 和 CMYK，保持同步。编辑其中任何一个，其他都会立即重新计算，因此您可以读取同一颜色的所有五种符号，而无需运行单独的工具。

两者都通过色调描述颜色，但 HSL（亮度）和 HSV/HSB（值/亮度）对饱和度的建模方式不同。 HSL 将纯色设置为 50% 亮度，而 HSV 将纯色设置为 100% 值，因此相同的百分比在两者之间可能看起来更亮或更暗。该工具显示了两者，因此您可以选择您的框架所需的一个。

以任何格式输入颜色并读取 CMYK 字段，例如 #3b82f6 变为 cmyk(76%, 47%, 0%, 4%)。 CMYK 是打印机使用的减色模型，因此当需要在小册子或包装中匹配网页颜色时，这非常方便。

是的，在受支持的浏览器（Chrome、Edge 和其他具有 EyeDropper API 的浏览器）上，“选择”按钮会打开屏幕吸管，以便您可以对图像、网站或桌面中的任何像素、颜色进行采样，并将其直接加载到转换器中。

是的。交互式 R、G、B、H、S、L 和 Alpha 滑块均显示实时渐变轨道，因此您可以通过拖动或键入精确值来微调阴影。 alpha 滑块生成 8 位十六进制和 rgba()/hsla() 输出以实现透明度。

是的。色盲预览模拟您的颜色在红色盲、绿色盲、蓝色盲和全色盲下的显示效果，因此您可以检查调色板是否仍然可以与大约十二分之一的男性和二百分​​之一的女性进行色觉缺陷的沟通。

是的。导出面板提供 CSS 变量、rgb()、SCSS、Tailwind 配置条目、Swift UIColor、Android Color.parseColor 和 JSON 的复制就绪片段，以及本地存储在浏览器中的最近和保存的样本。

是的。它完全免费，无需注册，所有转换都在您的浏览器本地进行。您的颜色永远不会上传到服务器，因此品牌和客户工作保持私密。

是的。它可以在 HEX、RGB(A)、HSL 和现代 OKLCH 之间进行转换，因此您可以复制 CSS 或设计工具所需的确切格式。

是的。包含一个 alpha 值，它会生成 RGBA 和 8 位十六进制，因此当您将颜色复制到样式中时，会保留不透明度。