色彩探索
探索敦煌色的五种方式 — 生成配色,检测对比度,从图片取色,匹配敦煌色,导出你收集的色票
所有工具中的「+ 加入收集篮」可将颜色收集起来,统一在色票导出区管理
Color Pairings
从左侧圆点选一个敦煌主色 → 下方自动生成这个颜色浅一点 / 艳一点 / 灰一点 / 深一点的样子 → 看看壁画里这个颜色常和谁一起出现 → 点击任意色块复制色值
Readability Check
选一个文字颜色和一个底色 → 看看搭配起来是否清晰可读 → 点击色块或输入色值都可以改颜色 → 点击 ⇆ 交换 → 下方预设可快速体验敦煌色搭配
文字颜色
底色
实际效果预览
Image Color Extraction
上传一张图片(点击虚线框或直接拖拽进来)→ 也可以点下方的敦煌壁画样例快速体验 → 自动分析图片里的主要颜色,告诉你每种颜色对应哪个敦煌色 → 点击色块复制色值,点「+」加入收集篮
上传一张图片或点击壁画样例
看看里面藏着哪些敦煌色
Color Match
输入一个色值(或者点左边的取色器选颜色)→ 点「查找敦煌色」→ 告诉你这个颜色最像六种敦煌色里的哪一种 → 展示敦煌壁画里这个敦煌色通常和哪些颜色在一起 → 下方色块可以快速试试效果
Color Export
在上面四个工具里看到喜欢的颜色就点「+」收进来 → 回到这里统一查看和管理 → 点「加载六主色」可以一键填满敦煌六个基础色 → 导出成 CSS / JSON / PNG 格式,用到你的 PPT、海报、网页里
Pattern Generation
敦煌纹样互动生成
基于敦煌藻井、边饰图案的算法生成工具
敬请期待
Gesture Interaction
手势识别与色彩互动
基于手势识别与敦煌色彩的互动体验
敬请期待