颜色转换器
生活工具HEX/RGB/HSL互转
答案速览
颜色转换器——HEX/RGB/HSL互转。HEX → RGB：每两位十六进制解析为 0-255，如 #3B82F6 → (59,130,246)。
颜色
#10B981
相对亮度0.364
建议文字色黑色
对白对比度2.54:1
换算过程
- 1HEX #10B981 → 按 RR/GG/BB 分段：10 / B9 / 81
- 2按 16 进制解析 → RGB(16, 185, 129)
- 3最大值=185、最小值=16 → 色相 160°、亮度 39%
- 4CMYK：K = 1 − 最大值/255 = 27%，再算 C/M/Y = (1 − 通道 − K)/(1 − K)
各制式用途对照
| 制式 | 当前颜色值 | 典型场景 |
|---|---|---|
| HEX | #10B981 | CSS / 设计稿交付 |
| RGB | rgb(16, 185, 129) | 屏幕显示（加色三原色） |
| HSL | hsl(160, 84%, 39%) | CSS 调色——改 L 即调明暗 |
| HSV | 160°, 91%, 73% | 设计软件取色器（PS/Figma） |
| CMYK | 91/0/30/27% | 印刷（减色，与设备相关） |
点击任意格式行复制该值；点击互补色/反色色块可继续转换该颜色。对比度 ≥ 4.5:1 满足 WCAG AA 正文标准。
RGB：屏幕加色三原色（0-255）。HSL/HSV：色相 0-360°、饱和度/明度（亮度）%。CMYK：印刷减色四色 %。RGB↔CMYK 与设备相关，此处为通用近似换算。色相旋转 +180° 即得互补色。
这个工具对你有帮助吗？
怎么用
- 填入实际用量：在 颜色转换器 中按生活实际填入数量/单价/频次，HEX/RGB/HSL互转。
- 单位就近选择：支持多单位的字段选常用单位，避免手算换算出错。
- 看结果与构成：结果给出总量与分项，便于找出大头、优化支出或备货量。
- 按需调整重算：改一个参数立即重算，适合做多方案对比（买大包装 vs 小包装、每周 vs 每月）。
核心要点
- 估算性质：生活测算基于你输入的参数，结果是估算值；颜色转换器 的价值在于把"拍脑袋"变成"可对比的数字"。
- 地区与时段差异：价格、人工费、气候习惯地区差异大，跨地区套用他人经验值误差明显，建议填本地实际值。
- 抓住大头变量：结果构成中占比最高的 1–2 项决定总成本，优化优先级看大头而非小项。
- 批量 vs 单次：批量购买常摊薄单价，但需权衡保质期、储存空间与实际消耗速度，过期浪费会吃掉价差。
原理与公式
颜色模型互转：
HEX → RGB：每两位十六进制解析为 0-255，如 #3B82F6 → (59,130,246)
RGB → HSL：先求 max/min 得明度 L = (max+min)÷2，再按色差求饱和度 S 与色相 H
HSL → RGB：按色相分区插值还原
取值范围：R/G/B ∈ [0,255]，H ∈ [0°,360°)，S/L ∈ [0,100%]。
应用：CSS 开发、设计稿标注、品牌色管理。
常见问题
颜色转换器怎么用？
打开页面后在输入框中填入参数即可自动计算。HEX/RGB/HSL互转。修改任意输入结果自动更新。
计算结果准确吗？
是的。使用标准公式精确计算，结果可靠。
免费使用吗？需要注册吗？
完全免费，打开网页即用，无需注册、登录或下载任何软件。
支持手机使用吗？
支持。页面采用响应式设计，手机、平板、电脑均可正常使用。
数据会上传到服务器吗？
不会。所有计算在浏览器本地完成，数据不离开设备，保护隐私。
相关工具
相关指南
来源与更新
基于通用计算公式和行业标准。最近更新：2025-07
最近更新：
本页公式与内容经一键算团队复核，仅供学习参考，实际业务请以官方口径为准。
内容由一键算编辑团队维护并定期复核，更新与审核流程见编辑规范。
引用本页：一键算. 颜色转换器[EB/OL]. https://www.yijiansuan.com/c/life/color-convert
本工具提供的结果仅供参考，不构成任何专业建议，请以官方核算为准。