How do I convert a light palette to dark mode?

Load your light-mode colors and the tool remaps them by perceived lightness, producing a comfortable dark-theme palette instead of a naive inversion.

Why can't I just invert my colors for dark mode?

Pure inversion flips hues and overshoots brightness, producing harsh, vibrating colors. Good dark mode lowers surface lightness while keeping accents readable.

Should dark mode text be pure white?

No — pure white on dark backgrounds glares. A slightly off-white (around 87% lightness) is easier on the eyes for long reading.

Dark Mode Adapt

Import light mode colors; auto-derive dark mode equivalents — ideal for light/dark theme pairing

Name Light Mode Role Dark Mode

Theme Preview

About Dark Mode Color Adapter

Convert any light-mode palette to Dark Mode automatically. Perceptual lightness inversion preserves hue identity and visual hierarchy for comfortable dark interfaces. The conversion is based on perceptual lightness inversion, not a naive color flip, so hue identity and visual hierarchy both survive the switch.

Fits projects that already have a mature light-mode palette and now need a dark-mode counterpart, without redesigning a dark theme from scratch.

Common questions

How do I convert a light palette to dark mode? Load your light-mode colors and the tool remaps them by perceived lightness, producing a comfortable dark-theme palette instead of a naive inversion.
Why can't I just invert my colors for dark mode? Pure inversion flips hues and overshoots brightness, producing harsh, vibrating colors. Good dark mode lowers surface lightness while keeping accents readable.
Should dark mode text be pure white? No — pure white on dark backgrounds glares. A slightly off-white (around 87% lightness) is easier on the eyes for long reading.