颜色代码 · RGB 颜色表
按 11 大色系整理的常用颜色代码,每张色卡支持一键复制 HEX 与 RGB 色值
配色方案 · 颜色探索
按季节、情绪、色温与设计风格分类的专业色彩搭配,点击标签查看对应配色组合
经典色卡
从中国传统色到莫兰迪色,探索带有文化与艺术脉络的色彩体系

中国传统色卡
中国传统色系以青、赤、黄、白、黑 “五色” 为核心,融合五行五方文化,命名诗意且富含象征意义,广泛应用于传统生活各领域

日本传统色卡
日本传统色系多源于自然风物(如樱、枫、苔、海等),色调清雅柔和,命名兼具诗意与物哀美学,常应用于和服、浮世绘、庭园等领域,体现对自然与细节的细腻感知

植物色卡
植物色系以植物自然形态为灵感,涵盖叶绿、花粉、果橙、苔青、藤褐等色彩,色调清新柔和或鲜活明快,自带自然生机感,常应用于服饰、家居、设计等领域,传递亲近自然的舒适氛围

矿物色卡
矿物色系提取自天然矿物,涵盖石青、石绿、赭石、朱砂、雄黄等色彩,多具浓郁饱和或沉稳温润的质感,自带原始古朴气息,常用于传统绘画、陶瓷、首饰设计等领域,是自然矿物与人文创作结合的经典色彩体系

天象色卡
天象色系以日月星辰等天象为灵感,含晴空蓝、晚霞红、夜幕黑等色,或明快或深邃,常用於设计领域,传递天象的浪漫壮阔

伦勃朗色卡
伦勃朗色系因画家伦勃朗得名,以深褐、赭石、暗金等沉郁色调为主,善用明暗对比,氛围厚重复古,常用于绘画、复古设计,凸显典雅质感

巴洛克艺术色卡
巴洛克艺术色系以浓艳饱和为主,含金、红、宝蓝等色,华丽热烈,富动感,常用于艺术、装饰,显奢华张力。

莫兰迪色卡
莫兰迪色系以低饱和色调为主,如灰粉、柔蓝、淡黄,柔和雅致,显静谧质感,广用于设计领域。

宫崎骏色卡
宫崎骏色系多取自然意象,如晴空蓝、草木绿、暖黄,色调明快柔和,带治愈感,常用于动画、设计,传递清新灵动的氛围。

伊顿主观色卡
伊顿在《色彩艺术》书籍中将人的主观偏好分为4种类型:暗冷型,亮冷型,暗暖型,亮暖型,每种类型对应一套色域
在线颜色工具
色相环配色、颜色转换、图片取色、渐变生成等设计必备工具
关于颜色探索
颜色探索是一个面向设计师、开发者与色彩爱好者的免费在线颜色平台,收录了 1300+ 个常用颜色的标准 HEX 与 RGB 颜色代码,并提供覆盖配色全流程的在线工具与色彩内容。无论你是想查一个色值、找一组配色,还是系统学习色彩知识,都可以在这里一站完成。
完整覆盖的 RGB 颜色表
颜色代码板块按红、橙、黄、绿、青、蓝、紫、粉、棕褐、灰、黑白 11 大色系整理了常用颜色的颜色表,每个色系都有独立的分类页与详细介绍;每个颜色还提供专属详情页,包含 HEX、RGB、HSL、HSV、CMYK 参数转换、互补色与类比色配色方案、WCAG 无障碍对比度、色阶变体与色彩心理学介绍,并标注该颜色被收录于哪些色卡与色系,方便横向探索。
按维度分类的专业配色方案
配色方案板块从季节、情绪、色彩温度与设计风格四个维度组织了经过验证的颜色搭配组合:春天色卡的清新、莫兰迪色的柔和、暖色系的温度、复古风的怀旧……每组配色都标注了 HEX 与 RGB 颜色代码,点击即可一键复制,让色彩搭配从灵感直接走向落地。
有文化脉络的经典色卡
经典色卡板块收录了中国传统色、日本传统色、植物色、矿物色、天象色、伦勃朗色、巴洛克艺术色、莫兰迪色、宫崎骏色与伊顿主观色共 10 套色彩体系。它们或来自千年文化的审美积淀,或来自大师画作与自然风物,每一套都可以按主色分类与场景分类浏览,是汲取配色灵感、理解色彩文化的绝佳素材。
覆盖全流程的在线颜色工具
工具板块提供色相环配色、色彩转换、图片取色、调色盘、渐变生成器、颜色配色、屏幕取色、WCAG 对比度检查与蒙塞尔色彩系统等在线工具,覆盖从取色、调色、配色到无障碍验证的完整工作流,全部免费使用、无需注册。
常见问题解答(FAQ)
HEX 和 RGB 颜色代码有什么区别?
两者描述的是同一个颜色,只是写法不同:HEX 形如 #FF5733,用六位十六进制字符表示,书写紧凑,是网页 CSS 与设计软件中最通用的格式;RGB 形如 rgb(255, 87, 51),用三个 0~255 的数值分别描述红、绿、蓝通道强度,更适合程序计算。本站每个颜色都同时提供两种代码,可一键复制。
如何快速找到想要的颜色代码?
可以进入 RGB 颜色表按 11 个色系浏览,或使用热门颜色速查直达;如果已经知道色值,直接访问 /color-lib/色值(如 /color-lib/FF0000)即可打开颜色详情页,查看该颜色的全部参数与配色方案。
配色方案是怎么分类的?
配色方案按四个维度组织:季节(春夏秋冬)、情绪(热情活力、平静安宁等)、色彩温度(暖色系、冷色系、中性)与设计风格(复古风、极简、莫兰迪、国风、赛博朋克等)。同一组配色可能同时属于多个维度,可交叉筛选找到最合适的颜色搭配。
经典色卡里都有哪些色彩体系?
目前收录 10 套:中国传统色卡、日本传统色卡、植物色卡、矿物色卡、天象色卡、伦勃朗色卡、巴洛克艺术色卡、莫兰迪色卡、宫崎骏色卡与伊顿主观色卡。每套色卡都支持按主色分类与场景分类浏览,颜色详情页会标注该颜色被哪些色卡收录。
网站里的颜色工具都免费吗?
全部免费且无需注册。色相环、色彩转换、图片取色、调色盘、渐变生成器、屏幕取色、WCAG 对比度检查等工具均在浏览器本地运行,取色、调色与转换过程不会上传你的图片或数据。
什么是 WCAG 对比度?为什么重要?
WCAG 是 Web 内容无障碍指南的缩写,其中对比度标准要求正文文字与背景的对比度至少达到 4.5:1(AA 级),以确保视力较弱用户也能清晰阅读。在颜色详情页与 WCAG 对比度检查工具中,可以直接查看任意颜色与常见背景的对比度及达标情况。
配色有什么万能法则吗?
最常用的是 60-30-10 法则:主色占画面约 60%,辅助色占 30%,点缀色占 10%。在此基础上,可以先从配色方案板块挑选方向一致的配色表作为起点,再借助色相环与渐变生成器微调,比从零开始试错高效得多。
颜色表会持续更新吗?
会。颜色代码库、配色方案与经典色卡都会根据设计趋势和用户反馈持续补充。如果你希望加入某个颜色、色卡或功能,欢迎通过页面反馈渠道告诉我们。
现在开始你的颜色探索
从 RGB 颜色表查一个色值,从配色方案找一组搭配,从经典色卡汲取一份灵感。
