颜色转换器
在浏览器中即时转换 HEX、RGB、HSL 和 CMYK 颜色。免费颜色选择器和转换工具，100% 保护隐私。
1
HEX
#00E695
RGB
rgb(0, 230, 149)
RGBA
rgba(0, 230, 149, 1)
HSL
hsl(159, 100%, 45%)
HSLA
hsla(159, 100%, 45%, 1)
HSV
hsv(159, 100%, 90%)
HSVA
hsva(159, 100%, 90%, 1)
CMYK
cmyk(100%, 0%, 35%, 10%)
CMYKA
cmyka(100%, 0%, 35%, 10%, 1)
功能特性
100% 浏览器内运行
所有颜色转换均在您的浏览器中完成，您的数据绝不会离开您的设备。
免费且无需注册
无需注册，无使用限制，更无隐藏费用。
即时显示结果
输入即转换，实时查看每种格式的同步更新。
可视化颜色选择器与屏幕取色器
使用内置颜色选择器直观选色，或一键抓取整个屏幕上的任意颜色（桌面端 Chrome/Edge）——所有格式同步更新。
颜色转换器是如何工作的？
- 选择输入格式——HEX、RGB、HSL 或 CMYK——然后在输入框中输入您的颜色值。
- 输入过程中，转换器会即时以其他所有受支持的格式显示您的颜色。
- 使用可视化颜色选择器，点击色谱或直接输入数值来选取颜色。
- 使用“屏幕取色”功能（桌面端 Chrome/Edge），一键抓取屏幕上可见的任意颜色。
- 一键将任意转换结果复制到剪贴板，随时可粘贴到您的 CSS 或设计工具中。
- 放心自由尝试——ToolsMio 的所有处理均在浏览器中完成，您的颜色数据始终私密。
常见使用场景
网页设计与 CSS
将 HEX 颜色转换为 RGB 或 HSL，用于 rgba() 和 hsla() 等支持透明度的 CSS 属性。ToolsMio 让格式切换瞬间完成。
遵循品牌规范
在不同设计工具和印刷工具所使用的 HEX、RGB 和 CMYK 格式之间进行转换，确保您的品牌颜色在各平台间保持一致。
无障碍与对比度检查
将颜色转换为 HSL，便于分析亮度和饱和度，以符合 WCAG 对比度要求。搭配对比度检查工具，打造无障碍设计。
跨平台设计交接
开发者和设计师常使用不同的颜色格式。快速进行格式转换，弥合 Figma 的 HEX 值与代码 RGB 值之间的差异。
关于颜色转换，您应该了解什么？
- ✓ HEX 与 RGB 只是同一颜色的不同记法——HEX 是 RGB 值的十六进制简写。ToolsMio 可在两者之间无损转换。
- ✓ HSL（色相、饱和度、亮度）在调整颜色时通常更直观，因为每个通道都对应一种人类可感知的属性。
- ✓ CMYK 主要用于印刷。由于 RGB 与 CMYK 色彩空间的色域不同，颜色在屏幕与印刷品上的呈现效果可能存在差异。
- ✓ 为背景选择文本颜色时，请务必检查对比度。WCAG 2.1 要求普通文本的对比度至少为 4.5:1，大号文本至少为 3:1。
- ✓ 在 CSS 中使用 rgba() 时，alpha 值的取值范围为 0（完全透明）至 1（完全不透明），可让您精细控制元素的透明度。
常见问题
我的数据会被发送到服务器吗？
不会。所有颜色转换均通过 JavaScript 在您的浏览器中完成，不会有任何数据被上传或发送到服务器。当您输入 HEX 代码或选取颜色时，浏览器会在本地计算对应的 RGB、HSL 和 CMYK 值，全程不发起任何网络请求。这意味着您的颜色选择完全私密——我们不会记录、存储或分析任何内容。即使您正在处理专有品牌色或机密设计系统，也可以放心使用 ToolsMio，您的数据始终保留在您的设备上。页面加载完成后，该工具即可离线使用，即使没有网络连接也能继续转换颜色。隐私保护是我们的首要原则。
支持哪些颜色格式？
ToolsMio 支持 HEX、RGB、HSL 和 CMYK 四种主流颜色格式之间的相互转换。HEX 是 CSS 和 HTML 中的标准简写形式，以六位字符代码表示颜色，例如 #FF5733。RGB（红、绿、蓝）以 0 到 255 的三个数值表示颜色，广泛应用于编程和数字设计。HSL（色相、饱和度、亮度）基于人类感知提供更直观的颜色描述方式，只需调整亮度或饱和度即可轻松创建色彩变体。CMYK（青、品红、黄、黑）是专业印刷和平面设计所使用的色彩模式。通过支持全部四种格式，ToolsMio 打通了屏幕设计与印刷生产之间的鸿沟，确保您的颜色在各种媒介和工作流程中保持一致。
如何将 HEX 转换为 RGB？
使用 ToolsMio 将 HEX 转换为 RGB 非常简单。只需将 HEX 颜色代码粘贴或输入到输入框中——例如 #00E5A0——对应的 RGB 值便会立即显示。该工具会解析六位 HEX 代码，将其拆分为三组字符对，分别对应红、绿、蓝三个通道，并将每组从十六进制转换为相应的十进制数值。您也可以使用内置颜色选择器直观选取颜色，而无需手动输入代码。只需点击色谱或直接输入具体数值，所有格式的转换结果都会实时更新。如果您习惯以其他格式为起点，也可以直接输入 RGB、HSL 或 CMYK 值，对应的 HEX 值会同步显示。单击即可将任意结果复制到剪贴板，随时用于您的 CSS 或设计工具。
是否内置颜色选择器？
当然！ToolsMio 内置了交互性极强的可视化颜色选择器，让颜色的选取与探索变得轻而易举。您可以点击色谱上的任意位置来选择色相，然后使用滑块调整亮度和饱和度。移动取色点时，HEX、RGB、HSL 和 CMYK 四种颜色格式都会实时更新，让您清楚看到同一颜色在不同系统中的表示方式。当您需要匹配设计稿或照片中的特定颜色时，这一功能尤为实用。您还可以直接在任意格式输入框中输入精确数值来微调所选颜色。该颜色选择器完全在浏览器中运行，不依赖任何服务器，让您在为项目尝试不同颜色组合时，既能获得即时反馈，又能享有完全的隐私。
我能从屏幕上的任意位置取色吗？
可以。点击 HEX 输入框旁的“屏幕取色”按钮即可启动屏幕取色器（桌面端 Chrome 和 Edge 支持）。您的光标会变成一个放大镜，可采集整个屏幕上的任意像素——其他浏览器标签页、其他应用程序、照片等一切可见内容——且不会截取或上传任何屏幕截图。单击一次，采集到的颜色便会立即填入所有格式输入框（HEX、RGB、HSL、CMYK 等）。在 Firefox 和 Safari 等尚不支持 EyeDropper API 的浏览器中，该按钮会自动隐藏，您只需粘贴 HEX 代码或改用可视化颜色选择器即可。屏幕取色完全在您的设备上完成——任何图像都不会被捕获、存储或传输到服务器，整个过程完全私密。