颜色代码表 — 色码查询、HEX/RGB 转换与配色工具

免费在线颜色代码表，一页完成取色到配色的完整闭环：取色器四向输入（原生色板、HEX、RGB 三通道、HSL 三滑杆，任一方式即时联动），实时得到 HEX / RGB / HSL / CMYK 四种色码；再从九大色系色码矩阵（9 系 × 10 级）、CSS 颜色名称对照表里挑现成的；还有场景色卡册——网页常用、马卡龙、莫兰迪、商务蓝与中国传统色 16 色。点击任意色块一键复制色码，全部计算在浏览器本地完成，不上传任何数据——日常查 rgb颜色表、十六进制颜色代码，还是挑中国传统色配色，这张色码表一页搞定。

HEX、RGB、HSL、CMYK——同一个颜色的四种写法

同一种颜色有四种常用写法，各有适用场景：

HEX 就是 RGB 的十六进制写法——每通道两位、按 RRGGBB 排列。HSL 用色相角度（0-360°）+ 饱和度% + 明度% 描述同一颜色，「同色系深一点/浅一点」拖一根滑杆就行。本页取色器四种格式即时互转，任一格式输入全程联动。

CMYK 说明：屏幕发光（RGB 加色）、印刷吸墨（CMYK 减色），物理机制不同，任何屏幕算出的 CMYK 都只是近似值——本页按标准公式换算，正式印刷请以实物色卡（潘通等）为准。

明暗梯度与配色方案：从一个色到一套色

取好主色后，两个生成器直接扩展成色板：

• 明暗梯度——向黑、向白各 4 档共 9 档，RGB 线性插值。浅底界面取深档做文字、取浅档做底色，是 UI 配色最常用的套路。
• 配色方案——按 HSV 色相旋转生成四组：互补色（180°）、类似色（±30°）、三角搭配（120° 等距）、分割互补（150°/210°）。日常设计里绝大多数和谐配色都落在这四种关系里，点色票即复制 HEX。

CSS 颜色名称：浏览器认识的 140 个词

CSS 预定义了 140 个颜色关键字——tomato、deepskyblue、papayawhip——所有浏览器渲染一致。上方对照表收录最常用的 30 个，附中文名与精确色值。写原型、看代码可读性时用名称方便；正式项目建议统一用 HEX 变量，设计与开发共享同一份色板。

中国传统色：十六个传了千年的颜色

色卡册收录经典中国传统色——胭脂、朱砂、藤黄、月白、黛蓝……这些名字源自古代染坊与画谱，今天仍是国风设计、游戏皮肤、品牌视觉的高频取色来源。本页色值采网页流通版，正式出版级使用请对照《中科院色谱》等出版标准校准。

谁在用这页工具

• 前端开发——取 HEX、按亮度验证对比度、复制 HSL 做主题变量
• UI/产品设计师——从品牌色拉 9 档色阶、试配色方案
• 内容创作者——马卡龙/莫兰迪色卡做封面、PPT、社媒配图
• 学生与爱好者——查颜色名称与代码，一键复制

选好配色后，可以用在线 Markdown 编辑器写作、字数统计控字数，或到工具频道看全部在线工具——把这张颜色代码表加入书签，取色查码随时可用。