HomeChemistry & MaterialsCrystal Field Theory — d-Orbital Splitting & Transition Metal Colors

💎 Crystal Field Theory — d-Orbital Splitting & Transition Metal Colors

Watch d-orbitals split into t2g and eg levels as ligands approach, then fill high-spin or low-spin depending on field strength — and see why the resulting complex takes on a specific color.

Chemistry & Materials2DAdvanced60 FPS
crystal-field-theory ↗ Open standalone

How it Works

In a free transition-metal ion, all five d-orbitals (dxy, dxz, dyz, dz², dx²−y²) sit at the same energy. When six ligands approach along the ±x, ±y and ±z axes to form an octahedral complex, their negative charge (or electron-rich lone pairs) repels the d-electrons unevenly: the dz² and dx²−y² orbitals point straight at the incoming ligands and are pushed up in energy to form the eg set, while dxy, dxz and dyz point between the ligand axes, are repelled less, and drop to form the lower-energy t2g set. The gap between the two sets is the crystal field splitting energy Δo (also written 10Dq), with t2g stabilized by −0.4Δo per electron and eg destabilized by +0.6Δo per electron.

Electrons fill these levels following Hund's rule, but for d4–d7 configurations there's a genuine choice: pair up in the lower t2g set first (low-spin), or spread into eg before pairing (high-spin)? It comes down to Δo versus the pairing energy P — weak-field ligands give a small Δo and favor high-spin, strong-field ligands give a large Δo and favor low-spin. Because Δo often falls in the visible-light energy range, promoting an electron from t2g to eg absorbs a specific wavelength of light, and the complex appears the complementary color of whatever it absorbed — which is why changing the ligand changes both the spin state and the color of a transition-metal complex.

CFSE = −0.4 · n(t2g) + 0.6 · n(eg) (in units of Δo)
Spin choice (d4–d7 only): Δo > P → low-spin · Δo < P → high-spin
Pairing energy (fixed, relative units): P ≈ 40
Absorbed photon energy ≈ Δo → observed color = complementary of absorbed color

Frequently Asked Questions

What does crystal field theory describe?

Crystal field theory describes how the electric field created by the ligands surrounding a transition-metal ion splits the five, otherwise degenerate, d-orbitals into two (or more) energy levels. Orbital lobes that point directly at approaching ligands feel stronger electrostatic repulsion and rise in energy; lobes that point between ligands feel less repulsion and drop in energy, relative to a hypothetical spherical (free-ion) field.

Why does octahedral splitting produce the specific t2g/eg pattern?

In an octahedral complex, six ligands approach along the ±x, ±y and ±z axes. The dz² and dx²−y² orbitals point directly along those axes, so they are pushed up into the higher-energy eg set. The dxy, dxz and dyz orbitals point between the axes, are repelled less, and are pushed down into the lower-energy t2g set — three orbitals stabilized by −0.4Δo each, two destabilized by +0.6Δo each.

What determines whether a complex is high-spin or low-spin?

It's a competition between the crystal field splitting energy Δo and the pairing energy P, the extra energetic cost of forcing two electrons into the same orbital. When Δo is smaller than P, electrons spread out into eg before pairing (high-spin, maximizing unpaired electrons). When Δo exceeds P, electrons pair up in t2g first because that costs less energy than jumping to eg (low-spin). This choice only exists for d4–d7 configurations.

What is the spectrochemical series?

The spectrochemical series is an empirically-derived ranking of common ligands from weak-field to strong-field, based on how large a Δo splitting each induces: roughly I⁻ < Br⁻ < Cl⁻ < F⁻ < H2O < NH3 < en < CN⁻ ≈ CO. It's used to predict whether a given metal-ligand combination will be high-spin or low-spin, and to estimate the color of the resulting complex.

Why are transition metal complexes colored while main-group compounds usually aren't?

Δo often corresponds to the energy of a visible-light photon, so a d-electron can be promoted from t2g to eg by absorbing a specific wavelength of visible light. The complex then appears the complementary color of whatever wavelength it absorbed. Main-group compounds have no partially filled d-shell and no such low-energy transition available, so they typically don't absorb visible light and appear colorless.

Why do d0 and d10 configurations produce colorless complexes?

A d0 ion has no d-electrons to promote, and a d10 ion has no empty eg orbital to promote an electron into — in both cases, no t2g→eg transition is possible at all. Since Δo excitation is essentially the only source of visible-light absorption available to a simple transition-metal complex, d0 and d10 complexes are typically colorless or only very weakly colored.

Why do d1–d3 and d8–d10 configurations have only one possible filling, regardless of field strength?

For d1–d3, there are three empty t2g orbitals and not enough electrons to force a choice — they simply fill singly by Hund's rule. For d8–d10, the t2g set is already completely full (6 electrons) no matter what, so the only question is how the remaining electrons fill the two eg orbitals, which again follows Hund's rule without any pairing-vs-splitting trade-off. Only d4–d7 have enough electrons to create a genuine high-spin/low-spin choice.

What is crystal field stabilization energy (CFSE) and why does it matter?

CFSE quantifies the net energy lowering a configuration gains from occupying the split t2g/eg levels instead of a hypothetical undivided level, using CFSE = −0.4·n(t2g) + 0.6·n(eg) in units of Δo. Configurations with large negative CFSE (like low-spin d6) are especially stable, which helps explain trends in hydration enthalpies, lattice energies, and reaction rates across the transition series.

How does this relate to magnetism and other simulations on this site?

Any configuration with unpaired electrons is paramagnetic (weakly attracted into a magnetic field); a configuration with all electrons paired is diamagnetic. Crystal field theory reaches this conclusion via electrostatic orbital splitting, a completely different mechanism from the molecular-orbital-diagram picture used elsewhere on this site, where paramagnetism instead comes from unpaired electrons in bonding/antibonding molecular orbitals — yet both predict the same magnetic behavior for many real molecules.

About this simulation

This simulator turns the abstract rules of crystal field theory into something you can watch happen. Six ligands approaching along the octahedral axes split the five d-orbitals into a lower-energy t2g set and a higher-energy eg set separated by Δo; electrons then fill those levels following Hund's rule, with a genuine high-spin-versus-low-spin choice appearing only for d4–d7 configurations. A companion color wheel shows why the resulting complex looks the color it does — it's the complementary color of whatever wavelength of light gets absorbed to promote an electron from t2g to eg.

🔬 What it shows

Five degenerate d-orbitals splitting into the lower-energy t2g set (dxy, dxz, dyz) and higher-energy eg set (dz², dx²−y²) as an octahedral ligand field turns on, with electrons filling in following the correct high-spin or low-spin rule for the current Δo and pairing energy — plus a live color wheel showing the absorbed and observed complex color.

🎮 How to use

Pick a ligand from the spectrochemical-series dropdown (or drag the Δo slider directly) to set the crystal field strength, choose a number of d-electrons from d0 to d10, and watch the fill-in animation plus the stats panel update. Hit Reset to replay the fill sequence from scratch.

💡 Did you know?

The same competition between Δo and pairing energy that this simulator visualizes explains real spin-crossover materials, whose magnetism (and even color) flips reversibly with temperature or pressure as electrons shift between high-spin and low-spin arrangements.

Frequently asked questions

What do the ligand dropdown and Δo slider actually control?

Picking a ligand from the spectrochemical-series dropdown sets an approximate relative Δo (crystal field splitting energy) onto the slider, which you can then fine-tune by hand. Weak-field ligands like I⁻ set a small Δo; strong-field ligands like CN⁻/CO set a large Δo — both panels update instantly.

Why doesn't the high-spin/low-spin choice appear for every electron count?

Only d4–d7 configurations have enough electrons to create a real trade-off between pairing in t2g and spreading into eg. For d1–d3 and d8–d10 there's only one physically sensible filling, so the simulator reports "only one possible configuration" instead of a spin-state label.

What does the color wheel panel actually show?

The small marker shows the hue of light the complex absorbs (set by the current Δo), and the swatch shows the complementary hue the complex appears to reflect back — the color you'd actually see. Raising Δo shifts the absorbed light toward shorter (bluer) wavelengths and shifts the observed color around the wheel accordingly.

Why does the swatch turn gray for d0 and d10?

With zero d-electrons or a completely full d-shell, there is no possible t2g→eg transition for the complex to absorb visible light with, so the simulator shows a neutral gray swatch labeled "colorless" instead of a complementary color.

How is the CFSE number calculated?

CFSE = −0.4 × (electrons in t2g) + 0.6 × (electrons in eg), expressed in units of Δo. A more negative number means the split d-orbitals stabilize that particular electron configuration more relative to an unsplit, spherical field.

What real complexes do the ligand presets correspond to?

The presets follow the standard spectrochemical series: halide ligands like I⁻, Br⁻, Cl⁻ and F⁻ sit on the weak-field end, water and ammonia are intermediate, and ethylenediamine (en) and cyanide/carbon monoxide (CN⁻/CO) sit on the strong-field end — matching real coordination complexes like [Fe(H2O)6]2+ (weak/high-spin) versus [Fe(CN)6]4− (strong/low-spin).

⚙ Under the hood

Watch d-orbitals split into t2g and eg levels as ligands approach, then fill high-spin or low-spin depending on field strength — and see why the resulting complex takes on a specific color.

Crystal field theoryd-orbitalsCoordination chemistryHigh spin/low spinCanvas 2D

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)