颜色代码 · 色系分类

黑白系颜色表 | 黑白色卡| RGB 颜色代码大全

共收录 29 个常用黑白系颜色代码,点击色卡查看详细参数与配色方案。

关于黑白系颜色表与颜色代码

黑白颜色表收录了纯粹的黑色与白色及其附近的无彩色颜色代码。黑色象征力量与权威,白色象征纯净与简洁,两者组合是永恒经典的搭配,充满现代感与高级感。

黑白系的 RGB 颜色代码特点

黑色的 RGB 颜色代码为 #000000 即 rgb(0, 0, 0),白色为 #FFFFFF 即 rgb(255, 255, 255)。三通道同时偏离极值便进入灰域,形成从深到浅的完整明度阶梯。黑白颜色代码是设计中最基础的常量,适合作为文字、边框与留白的标准色。

黑白系颜色的视觉感受与联想

黑色庄重有力,白色明亮开阔,黑白之间的每一次配比都会改变画面的性格:黑多则神秘厚重,白多则清爽克制。极简主义与高端品牌的视觉语言几乎都建立在黑白灰的秩序之上。

如何使用这份黑白系颜色表

在这份黑白系颜色表中,每张色卡都标注了标准 HEX 与 RGB 颜色代码,点击任意颜色卡片即可进入颜色详情页,查看该颜色的 HSL、HSV、CMYK 等参数转换、互补色与类比色配色方案、WCAG 无障碍对比度以及色阶变体。设计时可以先在颜色表中快速定位目标色调,再复制颜色代码到设计工具或 CSS 中使用;如果需要跨色系对比,也可以返回 RGB 颜色表总览页,在 11 个色系之间自由切换浏览。

颜色代码的常见格式与复制使用

在黑白系颜色表中,每个颜色都同时提供 HEX 与 RGB 两种最常用的颜色代码格式:HEX 颜色代码形如 #RRGGBB,由六位十六进制字符组成,书写紧凑,是网页 CSS 与设计软件中最通用的写法;RGB 颜色代码形如 rgb(R, G, B),用三个 0~255 的十进制数值分别描述红、绿、蓝通道的强度,更适合在程序中做数值计算与动态调整。两种格式描述的是同一个颜色,可以互相换算。使用时点击任意色卡进入详情页,即可一键复制对应的颜色代码,也可以在参数转换表中查看 HSL、HSV、CMYK 等更多格式,满足印刷、影视等不同工作流的需要。

黑白系颜色代码的应用建议

在实际项目中,建议把黑白系作为配色体系的主体色或强调色来使用:网页界面中可以用黑白系控制导航、按钮与关键信息的视觉层级,海报与包装设计中可以用大面积黑白系快速建立氛围,数据可视化中则可以用黑白系区分不同维度的数据系列。搭配时可以优先在同色系内做深浅渐变,保证整体和谐;再从本颜色表跳转到的详情页里获取互补色与类比色方案,为画面注入对比与焦点。所有颜色代码都可以一键复制,直接粘贴到 Figma、Sketch、Photoshop 或前端 CSS 中使用,让黑白系的每一次应用都有精确的 HEX 与 RGB 数值作为依据。