把元素光谱和化学反应颜色转成界面色盘

元素配色 · 反应室把原子发射光谱和化学产物颜色转译成可复制的 UI 色盘，适合需要科学来源的设计系统。

使用场景

  • 为科学产品生成有来源的主题色
  • 把元素颜色转成 UI token
  • 为演示和数据可视化建立色彩叙事

输入

  • 元素名称、符号或序号
  • 光谱和反应色选择
  • 能量、物质感和对比度参数

输出

  • 元素主题色盘
  • 可复制 CSS 变量
  • 光谱色和反应色参考

适合人群

  • 界面设计师
  • 前端工程师
  • 科学可视化作者

使用流程

  • 搜索或选择一个元素
  • 查看光谱色和反应色
  • 调整能量和对比度参数
  • 复制生成的 CSS 变量

典型示例

铜氨深蓝主题

把化学反应中的深蓝色转成科技感界面强调色。

钠光暖色系统

从可识别的钠黄光出发，构建暖色仪表盘。

边界说明

  • 颜色是面向界面的转译，非实验室精确值
  • 生成色盘需结合可读性和无障碍对比度校验

隐私说明

颜色计算在浏览器内完成，不需要上传个人文件。

常见问题

颜色从哪里来？

来自中性原子可见发射光谱和真实化学产物颜色，转译成适合界面使用的色盘。

可以直接用于 CSS 吗？

可以。页面提供可复制的设计变量，适合前端主题、图表或原型。

相关工具