HEX
#3B82F6颜色格式转换
设计工具 高频 已实现交互HEX / RGB / HSL / OKLCH 格式互转，实时预览。
颜色格式转换
HEX、RGB、HSL、OKLCH 互转与实时预览
HEX 输入
输入颜色
支持 `#3B82F6`、`rgb(59, 130, 246)`、`hsl(217, 91%, 60%)`、`oklch(62.3% 0.188 259.8)`
转换结果
RGB
rgb(59, 130, 246)HSL
hsl(217.2, 91.2%, 59.8%)OKLCH
oklch(62.31% 0.188 259.81)颜色转换逻辑在本地浏览器完成，适合前端开发、设计协作和主题配置。
RGB 59, 130, 246 HSL 217.2 / 91.2% / 59.8%
把这个工具加入你的工作台
登录后加入工作台，下次从工作台直接打开，无需每次搜索。
相关工具
查看全部工具说明
- 打开 颜色格式转换 后，先准备需要处理的原始内容或参数。
- 处理过程优先在当前浏览器完成，适合临时处理和快速验证。
- 确认结果无误后，可以复制、下载或把工具加入个人工作台，方便下次继续使用。
支持格式
HEX / RGB / HSL / OKLCH
核心能力
实时预览 / 一键复制
数据处理
本地浏览器完成
工具简介
颜色格式转换用于HEX / RGB / HSL / OKLCH 格式互转，实时预览。它适合设计协作、素材处理和前端样式调试等场景，帮助用户把高频、重复的处理步骤集中到统一工具页中完成。
适用场景
- 在设计协作、素材处理和前端样式调试时快速完成颜色格式转换相关处理。
- 把临时处理结果复制到文档、接口、表格或其他工作流中继续使用。
- 将高频工具加入个人工作台，减少反复搜索和切换页面的成本。
使用步骤
- 1打开工具页，并确认当前工具模式或配置项符合本次处理需求。
- 2输入或粘贴需要处理的内容，按页面控件调整必要参数。
- 3查看输出结果，确认无误后复制、下载、保存或加入个人工作台。
常见问题
颜色格式转换适合什么场景？
颜色格式转换适合设计协作、素材处理和前端样式调试等场景，尤其适合需要快速处理、检查或复用结果的高频任务。
这个工具会保存我的输入内容吗？
默认不会主动保存你的输入内容，主要在当前浏览器中即时处理。复制、下载或手动保存类操作由你主动触发。
可以把这个工具加入工作台吗？
可以。点击加入工作台后，后续可以从个人工作台快速进入这个工具，并和其他常用工具组合使用。