RGB 颜色表 | 颜色表 | 颜色代码
关于 RGB 颜色表与颜色代码
RGB 颜色表是一款免费的在线颜色代码查询与浏览工具,汇集红、橙、黄、绿、青、蓝、紫、粉、棕褐、灰、黑白等主流色系的完整颜色表。每张颜色卡都展示精确的 HEX 与 RGB 颜色代码,点击即可查看该颜色的参数、配色方案与色彩心理学。无论你是在做网页设计、UI 配色、平面创作还是插画参考,这份颜色表都能帮你快速找到理想的颜色代码,解决"看到喜欢的颜色却查不到确切色值"的难题,让颜色选择更直观、更专业。
什么是颜色代码
颜色代码是用数字或字符来表示颜色的一套标准化写法。在数字设备中,同一个颜色可以用多种格式描述,最常见的有三种:HEX 颜色代码(如 #FF5733)、RGB 颜色代码(如 rgb(255, 87, 51))以及 HSL 颜色代码(如 hsl(11, 100%, 60%))。三者描述的是同一个颜色,只是表达方式不同。HEX 与 RGB 常用于网页 CSS、设计软件和开发代码中,HSL 更适合做明暗与色相的微调。颜色代码的存在,让颜色从"眼睛看到的感受"变成了"可传递、可复现的数值",这也是数字设计与开发协作的基础。本站的 RGB 颜色表把常用颜色按色系整理在一起,每张卡都标注了 HEX 与 RGB,方便你直接复制使用。
颜色代码有哪些
按色系划分,本站颜色表收录了 11 大类主流颜色,覆盖从暖到冷、从深到浅的完整色谱,具体包括:
- 红色系
- 橙色系
- 黄色系
- 绿色系
- 青色系
- 蓝色系
- 紫色系
- 粉色系
- 棕褐色
- 灰色系
- 黑白系
每个色系下都包含若干个常用颜色,点击任意颜色卡片即可查看该颜色的 HEX、RGB、HSL 等颜色代码,以及基于该颜色生成的配色方案。
常见问题解答(FAQ)
RGB 颜色表和颜色代码是什么关系?
颜色表是颜色的集合,颜色代码是每种颜色在表中的具体数值表示。本站的 RGB 颜色表把常用颜色按色系整理,每张卡片上都标注了对应的 HEX 与 RGB 颜色代码,方便直接复制使用。
颜色代码有哪几种常见格式?
常见的颜色代码格式有三种:HEX(如 #FF5733)、RGB(如 rgb(255, 87, 51))和 HSL(如 hsl(11, 100%, 60%))。三者描述的是同一个颜色,HEX 与 RGB 最常用于网页和设计软件,HSL 更适合调色相与明暗。
为什么同一个颜色有这么多代码写法?
因为不同场景对颜色的表达需求不同。网页开发习惯用 HEX,程序计算更适合 RGB,做明暗调整时 HSL 更直观。它们的底层都是同一个颜色,可以互相转换,只是书写方式不同。
颜色表里的颜色代码可以直接用于商用吗?
可以。颜色代码本身是数值信息,不涉及版权问题,可以将表里的 HEX 或 RGB 色值自由用于网页、APP、设计作品和商业项目中。但如果原始参考来自他人拥有版权的作品,原作品的版权仍归原作者所有。
如何快速找到想要的颜色代码?
使用页面顶部的色系分类导航,点击即可进入对应色系的分类页面(红、橙、黄、绿、青、蓝、紫、粉、棕褐、灰、黑白共 11 类);如果想查看某个颜色的详细信息,点击该颜色卡片即可进入详情页。
RGB 颜色表支持哪些筛选维度?
目前支持按色系筛选,包括红、橙、黄、绿、青、蓝、紫、粉、棕褐、灰、黑白共 11 类。每类色系下的颜色都经过整理,方便按色相范围浏览颜色代码。
颜色代码和颜色名称如何对应?
颜色表里的每张卡片同时显示颜色的中文名、英文名和 HEX / RGB 颜色代码。颜色名称方便理解颜色的直观印象,颜色代码便于直接复制到设计工具或代码中使用。
颜色表会持续更新吗?
会。颜色表会根据设计趋势和用户反馈持续补充常用的颜色代码,色系分类也可能随使用需求进一步细化。如果你有希望加入的颜色,欢迎通过页面反馈渠道告诉我们。