色彩探索

探索敦煌色的五种方式 — 生成配色,检测对比度,从图片取色,匹配敦煌色,导出你收集的色票

所有工具中的「+ 加入收集篮」可将颜色收集起来,统一在色票导出区管理

主色搭配

?

Color Pairings

从左侧圆点选一个敦煌主色 → 下方自动生成这个颜色浅一点 / 艳一点 / 灰一点 / 深一点的样子 → 看看壁画里这个颜色常和谁一起出现 → 点击任意色块复制色值

选择一个敦煌主色,查看这个颜色变浅、变深、变鲜艳、变灰时的样子,以及敦煌壁画里它常和哪些颜色一起出现。每对搭配下面列出了可以派上用场的日常场景(做 PPT、做海报、做封面……)。点击任意色块复制色值,点击「+ 加入收集篮」可把喜欢的颜色存下来统一导出。
已复制
这个颜色变浅 / 变深 / 变艳 / 变灰是什么样
在敦煌壁画里,这个颜色常和谁在一起

文字可读性

?

Readability Check

选一个文字颜色和一个底色 → 看看搭配起来是否清晰可读 → 点击色块或输入色值都可以改颜色 → 点击 ⇆ 交换 → 下方预设可快速体验敦煌色搭配

在做 PPT、海报、社交媒体图文时,文字和背景的颜色搭配是否清晰直接影响阅读体验。点击色块打开取色器选择文字颜色和底色(也可以直接输入色值),中间会显示一个清晰的判断结果告诉你能不能看清。下方预设了一些敦煌色常用搭配,点一下就能快速测试。

文字颜色

15.3:1

底色

实际效果预览

敦煌美育色彩系统
Dunhuang Aesthetic Education Color System
基于千年壁画的计算色彩学研究

从图片取色

?

Image Color Extraction

上传一张图片(点击虚线框或直接拖拽进来)→ 也可以点下方的敦煌壁画样例快速体验 → 自动分析图片里的主要颜色,告诉你每种颜色对应哪个敦煌色 → 点击色块复制色值,点「+」加入收集篮

看到喜欢的海报、照片、插画,想知道里面用了哪些颜色?上传图片(点击虚线框或拖拽进来),或者直接点击下方的敦煌壁画样例试试。系统会自动识别图片中最主要的 8 种颜色,并匹配到最接近的敦煌六主色(窟白、煌金、铅丹、墨玄、石绿、石青)。点击色块就能复制色值,点「+」可以加入收集篮,之后在页面底部的色票导出区统一管理。
🖼
点击或拖拽上传图片
PNG / JPG / WEBP
或者点一幅敦煌壁画试试
🎨

上传一张图片或点击壁画样例
看看里面藏着哪些敦煌色

查找敦煌色

?

Color Match

输入一个色值(或者点左边的取色器选颜色)→ 点「查找敦煌色」→ 告诉你这个颜色最像六种敦煌色里的哪一种 → 展示敦煌壁画里这个敦煌色通常和哪些颜色在一起 → 下方色块可以快速试试效果

有一个喜欢的颜色,想知道它在敦煌色里最像哪一个?输入任意色值或使用取色器选色,点击「查找敦煌色」。系统会在六种敦煌主色(窟白、煌金、铅丹、墨玄、石绿、石青)中找到最接近的那个,分析它属于哪种色调(淡色、明亮、灰雅、灰调、浅色),并展示敦煌壁画中这个颜色通常和哪些颜色搭配在一起。你可以点开六色排序看看每个敦煌色离你有多远,也可以把配色方案里的颜色加入收集篮。
HEX
输入一个颜色值,
查找最接近的敦煌色及其推荐配色方案
试试:

色票导出

?

Color Export

在上面四个工具里看到喜欢的颜色就点「+」收进来 → 回到这里统一查看和管理 → 点「加载六主色」可以一键填满敦煌六个基础色 → 导出成 CSS / JSON / PNG 格式,用到你的 PPT、海报、网页里

这是一个跨工具的「颜色收集篮」。在上面任何一个工具(主色搭配、文字可读性、从图片取色、查找敦煌色)中,看到喜欢的颜色点击「+ 加入收集篮」按钮,所有颜色就会汇集到这里。你可以一键加载敦煌六主色作为起点,也可以清空重新收集。收集好后,导出为 CSS 变量(直接粘贴到网页样式里)、JSON 格式(保存和分享)、或者下载为 PNG 色卡图片(插入 PPT 或海报软件)。点击色票右侧的 ✕ 可以移除不想要的颜色。
点击任意色块旁边的 + 按钮添加到收集篮
或点击上方「加载六主色」快速填充敦煌基础色

纹样生成

Pattern Generation

敦煌纹样互动生成

基于敦煌藻井、边饰图案的算法生成工具
敬请期待

即将推出

手势互动

Gesture Interaction

👆

手势识别与色彩互动

基于手势识别与敦煌色彩的互动体验
敬请期待

即将推出
色票收集篮 · 0 色
导出 ↓