元素周期表
118 元素/详细信息/配色
关于本工具
了解工具定位 · 使用场景 · 对比优势
使用场景
化学备课素材
中学化学老师备课时需要快速查找元素符号、原子序数、相对原子质量、电子层排布等基础数据。本工具以表格加卡片形式展示全部 118 种元素,点击任一元素即可展开详细信息,省去翻教材或百度的时间,一页搞定课堂板书和习题设计的素材准备。
UI 配色方案
前端设计师在做数据可视化或科学类网站时,需要一套与化学元素对应的色彩系统。本工具为每个元素提供了专属配色(如氢的浅蓝、金的金黄),可直接作为图表配色参考或色值提取来源,省去手动查阅 Pantone 或配色网站的时间。
化学作业自查
高中生做元素推断题或配平方程式时,需要快速确认某元素的化合价、常见同位素、族周期位置等属性。打开本工具输入元素名称或符号,一秒调出完整信息,比翻书快、比百度无广告,适合刷题间隙的即时查证。
实验安全核对
实验室管理员或研究生准备实验前,需确认所用元素的危险性、储存条件或反应特性。本工具卡片中若包含元素的安全等级(如易燃、有毒、放射性)或常见化合物信息,可辅助快速筛查,避免因记忆模糊导致操作失误。
科普内容配图
科普博主或编辑制作化学相关图文 / 视频时,需要一张清晰、有配色的元素周期表作为底图或标注素材。本工具以网页形式提供完整周期表,截图即可使用,配色统一、信息完整,省去自己画表或从模糊图片里抠数据的麻烦。
对比矩阵本工具 vs 竞品 vs 传统方法
| 维度 | 本工具 | 竞品 A(Ptable.com) | 传统方法(纸质/PDF 周期表) |
|---|---|---|---|
| 数据隐私 | 纯浏览器,零上传,无需后端 | 浏览器端渲染,无上传,但含第三方追踪脚本 | 完全离线,无数据外泄风险 |
| 处理速度 | 即时渲染,点击即显示详情 | 页面加载需 2-3 秒,详情页切换流畅 | 翻页查找,每次 10-30 秒 |
| 离线可用 | 完全离线(安装后/缓存后) | 需联网加载,离线功能有限 | 完全离线,无需任何设备 |
| 交互深度 | 点击元素弹出完整详情(电子构型/同位素/历史) | 点击跳转至独立详情页,信息层级深 | 仅静态表格,无交互,信息固定 |
| 信息更新 | 数据随开源库更新,可及时修正 | 由社区维护,更新周期不定 | 印刷版固定,无法更新 |
| 自定义配色 | 支持用户自定义元素配色方案 | 不支持配色自定义 | 不支持配色自定义 |
| 搜索与过滤 | 支持按名称/符号/原子序数/分类搜索过滤 | 支持搜索,但无分类过滤 | 无搜索功能,需手动查找 |
| 平台兼容 | 纯 HTML/CSS/JS,所有现代浏览器可用 | 桌面端优先,移动端适配一般 | 纸质版通用,PDF 需阅读器 |
使用指南
上手步骤 · 输入输出 · 避坑提示
输入输出示例8 个典型场景,覆盖常规、边界与易错
| 输入 | 输出 | 说明 |
|---|---|---|
| Fe | 铁(Iron) | 原子序数 26 | 原子量 55.845 | 熔点 1538°C | 密度 7.874 g/cm³ | 元素类别 过渡金属 | 电子排布 [Ar] 3d⁶4s² | 配色 #B0B0B0(银灰色) | 典型常规场景:最常用的元素符号查询 |
| O | 氧(Oxygen) | 原子序数 8 | 原子量 15.999 | 熔点 -218.79°C | 密度 1.429 g/L | 元素类别 非金属 | 电子排布 [He] 2s²2p⁴ | 配色 #FF0000(红色) | 典型常规场景:常见气体元素,注意密度单位为 g/L |
| Uuo | 鿫(Oganesson) | 原子序数 118 | 原子量 294 | 熔点 未知 | 密度 未知 | 元素类别 稀有气体 | 电子排布 [Rn] 5f¹⁴6d¹⁰7s²7p⁶ | 配色 #C0FFFF(浅蓝) | 边界 case:周期表最后一个元素,部分物性数据缺失 |
| H | 氢(Hydrogen) | 原子序数 1 | 原子量 1.008 | 熔点 -259.16°C | 密度 0.08988 g/L | 元素类别 非金属 | 电子排布 1s¹ | 配色 #FFFFFF(白色) | 边界 case:原子序数最小的元素,电子排布最简 |
| C | 碳(Carbon) | 原子序数 6 | 原子量 12.011 | 熔点 3550°C(石墨升华) | 密度 2.267 g/cm³(石墨) | 元素类别 非金属 | 电子排布 [He] 2s²2p² | 配色 #808080(灰色) | 易错 case:碳有多种同素异形体,熔点/密度以石墨为准 |
| Hg | 汞(Mercury) | 原子序数 80 | 原子量 200.59 | 熔点 -38.83°C | 密度 13.534 g/cm³ | 元素类别 过渡金属 | 电子排布 [Xe] 4f¹⁴5d¹⁰6s² | 配色 #C0C0C0(银色) | 典型常规场景:常温下唯一液态金属,熔点特殊 |
| Ts | 鿬(Tennessine) | 原子序数 117 | 原子量 294 | 熔点 未知 | 密度 未知 | 元素类别 卤素 | 电子排布 [Rn] 5f¹⁴6d¹⁰7s²7p⁵ | 配色 #C0FFFF(浅蓝) | 边界 case:人工合成超重元素,仅理论预测值 |
| S | 硫(Sulfur) | 原子序数 16 | 原子量 32.06 | 熔点 115.21°C | 密度 2.067 g/cm³ | 元素类别 非金属 | 电子排布 [Ne] 3s²3p⁴ | 配色 #FFFF00(黄色) | 易错 case:硫有多种同素异形体,物性以斜方硫为准 |
常见错误对照7 个常踩的坑 · 错误 → 修复
1. 用中文或拼音搜索元素符号
输入“铁”或“tie”输入“Fe”或“26”元素周期表工具按国际标准识别:元素符号(Fe)、原子序数(26)、英文名(Iron)。中文名和拼音不在匹配规则内。
2. 把族/周期序号当原子序数输入
输入“1”想找氢(H),实际搜到了氢(1号)明确要查第1族(碱金属)时,使用“族筛选”功能而非搜索框搜索框默认按原子序数精确匹配,族/周期是分类筛选维度。输入数字1时,工具只返回原子序数为1的氢元素。
3. 混淆质量数与原子量
认为氧元素的原子量是16.00(精确值)查看氧元素的“相对原子质量”字段,显示为15.999(非整数)原子量是同位素丰度加权平均值,不是单一同位素的质量数。工具显示的是IUPAC标准原子量,保留三位小数。
4. 把电子排布式当完整轨道填充顺序
看到Fe的排布是[Ar] 3d⁶4s²,认为4s在3d之前填充参考“轨道填充顺序”辅助说明:4s先于3d填充,但书写时按主量子数排序写为3d⁶4s²电子排布书写遵循主量子数升序(1s<2s<2p<3s<3p<3d<4s),但实际填充按构造原理(4s<3d)。工具显示的是标准书写格式。
5. 忽略同位素下拉列表
看到碳的原子量12.011,以为所有碳原子都是12.011展开“同位素”折叠面板,查看C-12、C-13、C-14各自的精确质量数和丰度工具在元素详情页提供同位素列表,显示各同位素质量数和天然丰度。原子量是这些同位素的加权平均值,不是单一值。
6. 把颜色编码当成物理属性
看到钠元素卡片是黄色,认为钠单质是黄色固体颜色编码仅用于区分元素类别(金属/非金属/稀有气体等),与单质外观无关配色方案按元素大类划分:金属(蓝)、非金属(绿)、稀有气体(紫)等。钠单质是银白色金属,卡片颜色不代表实物颜色。
7. 在移动端误触长按弹出菜单
长按元素卡片后弹出系统菜单,以为工具卡死了短按(点击)打开详情页,长按是浏览器默认行为(复制链接/分享)工具未禁用系统默认长按手势。移动端用户应使用单击操作,长按会触发浏览器原生菜单而非工具功能。
工作原理
公式推导 · 流程图解 · 依据出处
核心公式
Z = N + A
变量说明
Z— 原子序数(质子数)N— 中子数A— 质量数(质子数+中子数)
示例
碳-14 同位素:质量数 A=14,质子数 Z=6,则中子数 N = A - Z = 14 - 6 = 8。该原子核含 6 个质子、8 个中子。
适用范围
适用于所有原子核,是核素标识的基本关系式。不适用于反物质或极端相对论粒子(如介子),数据源自国际纯粹与应用化学联合会(IUPAC)核素定义。
原理图
开发者集成
3 种主流语言 · 复制即用
import json
# 元素数据(简化版,仅示例前5个元素)
elements = [
{"symbol": "H", "name": "氢", "atomic_number": 1, "atomic_mass": 1.008, "group": 1, "period": 1, "color": "#FFFFFF"},
{"symbol": "He", "name": "氦", "atomic_number": 2, "atomic_mass": 4.003, "group": 18, "period": 1, "color": "#D9FFFF"},
{"symbol": "Li", "name": "锂", "atomic_number": 3, "atomic_mass": 6.941, "group": 1, "period": 2, "color": "#CC80FF"},
{"symbol": "Be", "name": "铍", "atomic_number": 4, "atomic_mass": 9.012, "group": 2, "period": 2, "color": "#C2FF00"},
{"symbol": "B", "name": "硼", "atomic_number": 5, "atomic_mass": 10.81, "group": 13, "period": 2, "color": "#FFB5B5"}
]
# 根据符号查询元素详情
def get_element(symbol):
for e in elements:
if e["symbol"] == symbol:
return e
return None
# 示例:查询锂
result = get_element("Li")
if result:
print(json.dumps(result, ensure_ascii=False, indent=2))
else:
print("未找到该元素")package main
import (
"encoding/json"
"fmt"
)
// Element 元素结构
type Element struct {
Symbol string `json:"symbol"`
Name string `json:"name"`
AtomicNumber int `json:"atomic_number"`
AtomicMass float64 `json:"atomic_mass"`
Group int `json:"group"`
Period int `json:"period"`
Color string `json:"color"`
}
var elements = []Element{
{Symbol: "H", Name: "氢", AtomicNumber: 1, AtomicMass: 1.008, Group: 1, Period: 1, Color: "#FFFFFF"},
{Symbol: "He", Name: "氦", AtomicNumber: 2, AtomicMass: 4.003, Group: 18, Period: 1, Color: "#D9FFFF"},
{Symbol: "Li", Name: "锂", AtomicNumber: 3, AtomicMass: 6.941, Group: 1, Period: 2, Color: "#CC80FF"},
}
func getElement(symbol string) *Element {
for _, e := range elements {
if e.Symbol == symbol {
return &e
}
}
return nil
}
func main() {
elem := getElement("Li")
if elem != nil {
data, _ := json.MarshalIndent(elem, "", " ")
fmt.Println(string(data))
} else {
fmt.Println("未找到该元素")
}
}// 元素数据(简化版)
const elements = [
{ symbol: 'H', name: '氢', atomicNumber: 1, atomicMass: 1.008, group: 1, period: 1, color: '#FFFFFF' },
{ symbol: 'He', name: '氦', atomicNumber: 2, atomicMass: 4.003, group: 18, period: 1, color: '#D9FFFF' },
{ symbol: 'Li', name: '锂', atomicNumber: 3, atomicMass: 6.941, group: 1, period: 2, color: '#CC80FF' },
{ symbol: 'Be', name: '铍', atomicNumber: 4, atomicMass: 9.012, group: 2, period: 2, color: '#C2FF00' },
{ symbol: 'B', name: '硼', atomicNumber: 5, atomicMass: 10.81, group: 13, period: 2, color: '#FFB5B5' }
];
// 根据符号查询元素
function getElement(symbol) {
return elements.find(e => e.symbol === symbol) || null;
}
// 示例:查询锂
const result = getElement('Li');
if (result) {
console.log(JSON.stringify(result, null, 2));
} else {
console.log('未找到该元素');
}常见问题
8 个高频疑问