在线 HEX 转 RGB
HEX/RGB/HSL 颜色互转 + 取色器
三步上手 颜色转换
- 粘贴源数据或上传文件到 颜色转换
- 选择目标格式或映射选项(如有)
- 下载或复制,供脚本或文档使用
关于 颜色转换
在 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)。
告诉我们你想要什么工具,我们会优先开发
需求反馈 →