rgba 十六进制 转换
本工具支持rgba 十六进制 转换。类似场景还包括 hex 转 hsl tailwind 配置自定义颜色 和 pantone 色号转 hex 近似值,所有处理均在浏览器本地完成,无需上传文件。
hex 转 rgba 透明度 在线
使用本工具可以轻松hex 转 rgba 透明度 在线。此外,它也支持 pantone 色号转 hex 近似值 等相关操作,结果即时显示,无需注册。
hsl 转 css hex 浏览器
hsl 转 css hex 浏览器是本工具的常见用途之一。同时它也支持 lab 颜色转 rgb css 变量 和 oklch 转 hex 现代 css 支持,所有数据不离开您的浏览器。
rgb 转 hex 8位 rgba 格式
需要rgb 转 hex 8位 rgba 格式?直接在编辑器中粘贴内容即可。本工具同时支持 oklch 转 hex 现代 css 支持 等相关操作,完全免费。
hsv 转 rgb hsl hex css
hsv 转 rgb hsl hex css——所有计算和转换均在浏览器本地执行。相关功能还包括 hex 转 hsl tailwind 配置自定义颜色 和 pantone 色号转 hex 近似值,无需上传或注册。
工具概述
颜色转换可在前端开发者最常用的四种颜色格式之间互转:HEX、RGB、RGBA 与 HSL。设计师和前端工程师经常在设计工具(Figma、Sketch、Photoshop)与 CSS 代码之间切换,此工具让你可以一键完成所有转换。
如何使用本工具
第一步 — 以任意格式输入颜色值:HEX 如
#00e5ff 或 00e5ff(# 可选),也支持 3 位形式 #0cf;RGB 如 rgb(0, 229, 255);HSL 如 hsl(187, 100%, 50%)。第二步 — 输入下方会实时显示预览色块。第三步 — “转换结果”面板列出全部四种格式,每种都有“复制”按钮。第四步 — 工具会自动识别输入类型,并安全地忽略非法值。常见使用场景
设计师在 Sketch 或 Figma 中以 HSL 挑选颜色,并将 HEX 交给开发者;前端开发者将设计规范中的 HEX 转为 RGBA 以增加透明度;用 HSL 调整品牌色,便于控制明度与饱和度;调试主题切换与深色模式调色板;将从截图中拾取的颜色以多种格式记入文档。
技术说明
HEX → RGB 使用位运算拆分为 8 位通道。RGB → HSL 使用标准算法(归一化到 [0,1] 后计算色相、饱和度、亮度)。HSL → RGB 使用六个线性色相段的反算法。3 位 HEX 会自动展开(
#0cf → #00ccff)。不支持 4 通道 HEX(含 alpha) — 请使用专用的 CSS 颜色生成器。隐私与安全
所有颜色转换均在浏览器本地运行,输入不会上传。