MD3 动态取色
引擎加载中…

Material Design 3

上传一张图,
取出整套配色

用 Google 官方的 HCT 动态取色算法,从图片里算出主色、强调色、容器色与完整色调板, 浅色与深色一次给齐,连这个页面本身的颜色也跟着一起变。

把图片拖进来,或点击选择

支持 JPG / PNG / WebP / GIF 首帧;也可以直接按 Ctrl + V 粘贴剪贴板里的图 —— 图片只在浏览器本地计算,不会上传。

种子色 Source

默认种子
#F9CAA3

HCT — / — / —
RGB —

打开页面时按背景图取色;手动选图或输入色号后改为跟着你的选择走,不会再被背景覆盖。

显示模式

配色数值按当前模式显示,卡片里同时标出另一种模式的 HEX;切换只影响这个页面,和「图廊」共用同一个主题记忆。

配色角色 Roles

—

点色块复制当前模式的 HEX,右上角小按钮可以把该色当作新种子再算一套。

色调调色板 Tonal Palettes

每条 0–100 全色调(步进 5),点任意一格复制 HEX。