颜色代码转换器：HEX与RGB互转+取色（含常用色卡，2026）

下面这个颜色代码工具，纯浏览器本地运行，即时出结果不上传数据。往下有原理和使用说明。

颜色代码到底是什么

颜色代码就是用一串字符精确描述一种颜色的写法。网页里最常见的是 HEX（#2563EB）和 RGB（rgb(37,99,235)）两种，它们指的其实是同一种蓝色，只是记法不同。上面的工具做的事，就是让你在这几种写法之间来回换算、顺手取色，不用手动查表或心算十六进制。

HEX 和 RGB 是怎么换算的

HEX（十六进制）用 6 位字符表示一种颜色，从左到右两两一组，分别代表红、绿、蓝三个通道。十六进制逢 16 进位，单个位从 0-9 数到 A-F（A=10，F=15），所以每一组两位能表示 00（十进制 0）到 FF（十进制 255）的值——正好对应 RGB 里每个通道 0-255 的范围。换算的本质，就是把每组两位十六进制转成十进制。

三位简写和带透明度的八位写法

如果一种颜色三个通道每组两位字符都相同，可以缩成 3 位简写：#F00 等价于 #FF0000（纯红），浏览器会自动把每位翻倍。要带透明度时，用 8 位写法 #RRGGBBAA，最后两位是 alpha 通道，00 全透明、FF 完全不透明。这套八位写法出自 CSS Color Module Level 4，现代浏览器都支持，只有早已停更的 IE 不认（参考：MDN ）。

常见颜色模型对比

屏幕和印刷用的不是一套

几个常被问到的问题

一共能表示多少种颜色？每个通道 256 级，256×256×256 = 16,777,216，也就是常说的约 1670 万色（sRGB 标准色域）。

#F00 和 #FF0000 是同一个颜色吗？是。3 位简写只是把每位翻倍展开，渲染结果完全一致，写起来更省事。

HSL 到底有什么用？它按”色相、饱和度、亮度”来描述颜色，和 RGB 数学上等价，但更贴近人的直觉——想让一个颜色”亮一点””灰一点”，直接调一个数就行，比在 RGB 里三个通道一起猜省心得多，很适合做同色系的深浅配色。

相关阅读：进制转换；URL编码；时间戳转换。