跳到正文
C₂₂H₂₅NO₆
首页
项目
博客
工具
关于
小工具
MD3 配色生成器
选一个颜色，生成 Material Design 3 的整套浅色和深色配色，算法和本站主题一致，可以一键复制 CSS。
种子色
青草绿
天空蓝
樱花粉
葡萄紫
落日橙
湖水青
靛青
朱砂红
浅色
深色
复制 CSS
应用到本站
预览
这是用当前颜色生成的界面效果：按钮、卡片和文字的颜色都来自上面的配色。
主要按钮
次要按钮
标签
主色
primary
#436740
on-primary
#ffffff
primary-container
#c4eebc
on-primary-container
#002204
辅色
secondary
#566253
on-secondary
#ffffff
secondary-container
#dae6d4
on-secondary-container
#141e13
第三色
tertiary
#3d6569
on-tertiary
#ffffff
tertiary-container
#c0eaef
on-tertiary-container
#002023
错误色
error
#ba1a1a
on-error
#ffffff
error-container
#ffdad6
on-error-container
#410002
表面
surface
#f9faf4
on-surface
#1a1c19
surface-variant
#dee5d8
on-surface-variant
#424940
容器层级
surface-container-lowest
#ffffff
surface-container-low
#f3f4ee
surface-container
#eeeee8
surface-container-high
#e8e9e2
surface-container-highest
#e2e3dd
描边与反色
outline
#72796f
outline-variant
#c2c9bd
inverse-surface
#2f312d
inverse-on-surface
#f0f1eb
inverse-primary
#a9d1a2
首页
项目
博客
工具
关于