颜色格式转换（Hex、RGB、HSL）
颜色预览
#6366f1
使用指南
颜色转换工具是一款在线工具，用于在 HEX、RGB、HSL、HSV 和 CMYK 格式之间转换颜色值——所有处理都在浏览器本地运行。颜色格式转换是设计师和前端开发者的日常任务：Figma 等设计工具导出 HEX 代码；CSS 同时使用 HEX 和 RGB/HSL；印刷工作流需要 CMYK 值；图像处理库可能使用 HSV 或标准化 RGB 浮点数；无障碍检查工具使用 sRGB 值进行对比度计算。使用公式手动在这些格式之间转换既繁琐又容易出错。这款工具可以接受任何有效的颜色值，并立即同时显示所有支持格式的等效值。输入 HEX 代码、粘贴 RGB 三元组、输入 HSL 值，或从原生颜色选择器选取颜色——所有表示形式会实时更新。大号颜色色块可立即进行视觉确认。转换器正确处理完整的 sRGB 色域，并优雅地处理超出范围的值。您还可以输入 CSS 颜色名称（如"rebeccapurple"、"tomato"），查看其所有数值等效值。对于需要跨多个平台（iOS、Android、Web、印刷）维护设计令牌或颜色调色板的团队，这款工具是确保不同格式需求之间颜色一致性的快速参考工具。
- 输入颜色值 — 在输入字段中输入或粘贴任何颜色值：HEX 代码（#6366f1 或 #fff）、RGB 值（rgb(99, 102, 241)）、HSL 值（hsl(239, 84%, 67%)）或 CSS 颜色名称。转换器会自动检测格式。
- 使用颜色选择器 — 点击颜色色块或颜色选择器按钮，打开浏览器的原生颜色选择器。直观地选择任意颜色，所有格式值会立即更新。
- 查看所有格式等效值 — 工具同时以 HEX、RGB（0–255）、RGB（0–1 标准化）、HSL（度数、百分比）、HSV 和 CMYK 显示所选颜色。每次更改任何输入时，所有值都会一起更新。
- 调整单个通道 — 通过修改单个通道值来微调颜色——例如，仅更改 RGBA 中的 alpha 通道，或在 HSL 中微调色调以获得相同颜色的略微暖色或冷色变体。
- 复制任意格式 — 点击任意格式行旁边的"复制"按钮，将该特定值复制到剪贴板。例如，复制 HEX 代码用于 CSS，复制 RGB 值用于设计工具，或复制 CMYK 值用于印刷规格。
- 通过色块验证 — 大号颜色预览色块始终显示实际渲染的颜色。在复制之前，用它来直观确认转换后的值对应于您预期的颜色。
常见问题
此工具支持哪些颜色格式？
工具支持三种常用 CSS 颜色格式之间的转换：HEX（#RRGGBB）、RGB（rgb(r, g, b)，值范围 0–255）和 HSL（hsl(h, s%, l%)，色相 0–360°，饱和度和亮度 0–100%）。同时也接受 CSS 命名颜色（如 "tomato"、"deepskyblue"）作为输入。
RGB 和 HSL 有什么区别？
RGB 通过红、绿、蓝三种光的强度（各 0–255）来描述颜色。HSL 通过色相（色轮上的位置，0–360°）、饱和度（色彩丰富度，0–100%）和亮度（明暗度，0–100%）来描述颜色。HSL 对设计师来说通常更直观，因为调整亮度或饱和度更加简单明了。
颜色转换是在服务器上完成的吗？
不是。所有转换逻辑完全在您的浏览器中使用原生 JavaScript 颜色计算进行，不会向任何服务器发送数据。
可以离线使用此工具吗？
可以。2Kit 是渐进式 Web 应用（PWA），首次访问后工具会被缓存，可完全离线使用。
为什么需要在不同颜色格式之间转换？
不同工具和工作流使用不同的颜色格式。设计工具通常输出 HEX，而 CSS 动画和主题系统可能使用 HSL 以便更方便地进行程序化调整。此工具让您无需心算即可在格式之间快速转换。
技术实现
所有处理完全在您的浏览器中运行，不会向任何服务器发送数据。本工具作为渐进式网络应用（PWA）支持完全离线使用：首次访问后，所有页面和资源均由 Service Worker 缓存，无需网络连接即可正常使用。您的输入数据不会离开您的设备，可安全处理 API 密钥、密码、私有配置及机密文档等敏感内容。