免费在线颜色代码表，一页完成取色到配色的完整闭环：取色器四向输入（原生色板、HEX、RGB 三通道、HSL 三滑杆，任一方式即时联动），实时得到 HEX / RGB / HSL / CMYK 四种色码；再从九大色系色码矩阵（9 系 × 10 级）、CSS 颜色名称对照表里挑现成的；还有场景色卡册——网页常用、马卡龙、莫兰迪、商务蓝与中国传统色 16 色。点击任意色块一键复制色码，全部计算在浏览器本地完成，不上传任何数据——日常查 rgb颜色表、十六进制颜色代码，还是挑中国传统色配色，这张色码表一页搞定。
HEX、RGB、HSL、CMYK——同一个颜色的四种写法同一种颜色有四种常用写法，各有适用场景：
写法长相适用场景HEX#3B82F6CSS、设计交付、紧凑分享RGBrgb(59, 130, 246)按通道调色、CSS 透明度HSLhsl(217, 91%, 60%)凭色相/饱和度/明度直观调色CMYKcmyk(76%, 47%, 0%, 4%)印刷参考（屏幕近似值）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 编辑器写作、字数统计控字数，或到工具频道看全部在线工具——把这张颜色代码表加入书签，取色查码随时可用。