在线 HEX 转 RGB

HEX/RGB/HSL 颜色互转 + 取色器

Loading…

满意度评分

相关工具

三步上手 颜色转换

  1. 粘贴源数据或上传文件到 颜色转换
  2. 选择目标格式或映射选项(如有)
  3. 下载或复制,供脚本或文档使用

关于 颜色转换

在 HEX、RGB、RGBA、HSL 和 HSLA 等颜色表示之间转换,并预览颜色与透明度。可用于把设计稿标注转换为 CSS、主题变量或组件样式。

屏幕、色彩配置文件和叠加背景会影响实际观感。转换数值相同不保证不同设备上呈现完全一致。

颜色转换 如何工作

同一种颜色常在设计标注、CSS 和平台 SDK 中以不同形式记录。并排显示格式和 alpha 值,便于准确转录一个已确定的色值。

颜色转换不评估可访问性;文字与背景组合仍应使用对比度检查工具验证。

为什么在我的工具使用 颜色转换

在 颜色转换 旁即可使用 JSON/YAML/CSV/Excel 等工具,转换后马上校验或 Diff。

首页**智能剪贴板**可识别粘贴的 JSON、Base64、JWT 并推荐 颜色转换。保存**工具流水线**可将 颜色转换 与相关工具串联。参阅教程指南了解真实工作流。

常见使用场景

  • 实现设计标注:将 #2563EB 转为 rgb(37, 99, 235) 写入 CSS。
  • 设置透明遮罩:把黑色和 40% 透明度表示为 rgba(0, 0, 0, 0.4)。
  • 调整主题色:读取 hsl(142, 71%, 45%),便于只修改亮度或饱和度。

常见问题

颜色转换 免费吗?
是的。WoDeTool 上的 颜色转换 完全免费,无需注册,打开页面即可使用。
颜色转换 的一个典型使用场景是什么?
实现设计标注:将 #2563EB 转为 rgb(37, 99, 235) 写入 CSS。
颜色转换 的一个典型使用场景是什么?
设置透明遮罩:把黑色和 40% 透明度表示为 rgba(0, 0, 0, 0.4)。

告诉我们你想要什么工具,我们会优先开发

需求反馈