免费在线颜色工具箱 · 无需注册

颜色探索|RGB颜色表|配色方案

一站式颜色探索平台:查询标准 RGB 颜色表与 HEX 颜色代码,获取专业配色方案,探索中国传统色、莫兰迪色等经典色卡,在线使用取色、渐变、对比度检测等颜色工具。

颜色代码 · 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 颜色表查一个色值,从配色方案找一组搭配,从经典色卡汲取一份灵感。