星点 星点-颜色工具 本系列首页
关于
版本 v1.0.0

HEX 转 RGB

输入 HEX 十六进制颜色,立即得到 RGB 数值;同一页面还能继续换算 HSL、HSV、CMYK、OKLCH,并复制使用。

HEX 转 RGB说明

HEX 与 RGB 是网页中最常用的两种颜色表示。HEX 用十六进制描述红绿蓝通道,例如 #1677FF;RGB 用十进制通道值表示,例如 rgb(22, 119, 255),两者完全等价。

本页面直接提供可用的转换工具:输入任意 HEX,RGB 会实时更新;你也可以直接修改 RGB,HEX 同步变化,形成真正的双向转换。

常见颜色转换对照

HEXRGBHSLHSVCMYKOKLCH
#000000rgb(0, 0, 0)hsl(0, 0%, 0%)hsv(0, 0%, 0%)cmyk(0%, 0%, 0%, 100%)oklch(0 0 0)
#FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)hsv(0, 0%, 100%)cmyk(0%, 0%, 0%, 0%)oklch(1 0 89.88)
#FF0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)cmyk(0%, 100%, 100%, 0%)oklch(0.628 0.2577 29.23)
#00FF00rgb(0, 255, 0)hsl(120, 100%, 50%)hsv(120, 100%, 100%)cmyk(100%, 0%, 100%, 0%)oklch(0.8664 0.2948 142.5)
#0000FFrgb(0, 0, 255)hsl(240, 100%, 50%)hsv(240, 100%, 100%)cmyk(100%, 100%, 0%, 0%)oklch(0.452 0.3132 264.05)
#1677FFrgb(22, 119, 255)hsl(215, 100%, 54.3%)hsv(215, 91.4%, 100%)cmyk(91.4%, 53.3%, 0%, 0%)oklch(0.5987 0.2194 259.04)
#FFA500rgb(255, 165, 0)hsl(38.8, 100%, 50%)hsv(38.8, 100%, 100%)cmyk(0%, 35.3%, 100%, 0%)oklch(0.7927 0.171 70.67)
#800080rgb(128, 0, 128)hsl(300, 100%, 25.1%)hsv(300, 100%, 50.2%)cmyk(0%, 100%, 0%, 49.8%)oklch(0.4209 0.1935 328.36)

功能特点

使用方法

  1. 在 HEX 输入框输入颜色,如 #1677FF;
  2. 查看 RGB 结果,如 rgb(22, 119, 255);
  3. 需要时修改 RGB 或其他格式,其余格式同步更新;
  4. 点击复制按钮获取所需格式。

常见问题

Q:HEX 转 RGB 怎么计算?

把 HEX 每两位十六进制数转为十进制:FF→255、16→22、77→119,因此 #1677FF = rgb(22, 119, 255)。

Q:支持带透明度的 HEX 吗?

支持。8 位 HEX(如 #1677FF80)的最后两位表示 Alpha,会转换为 rgba 形式。

相关工具

继续使用本站其它颜色处理工具:

颜色选择器

色相/饱和度/明度面板取色,多格式实时同步与多点保存

打开工具

图片颜色工具

上传图片取色、提取主色与调色板、统计与聚类量化

打开工具

配色方案生成器

按色彩关系生成单色/类似/互补/三角/四角等配色方案

打开工具

CSS 渐变生成器

可视化制作线性/径向/锥形渐变并复制 CSS

打开工具

对比度检测

WCAG AA/AAA 对比度检测,给出最佳文字色与替代色

打开工具

颜色调整

滑块实时调整亮度/饱和度/透明度/色相/明度/对比度

打开工具

批量颜色处理

批量转换/提取/替换/去重/排序颜色代码

打开工具

设计辅助

主色/辅助色/状态色 → UI 结构预览 + Design Token 导出

打开工具

专业色彩

LAB/OKLab/OKLCH 转换、DeltaE 色差、色温与色域分析

打开工具

色觉模拟

模拟多种色觉类型,检查图片与配色的可辨识度

打开工具

标准与色库

CSS/Material/Tailwind/Ant/品牌/传统色等色库查询复制

打开工具