Color Converter for Dark Mode — Invert & Adjust Colors
Quick Answer: Dark mode is not simply inverting colors. Enter your light mode colors to get dark mode suggestions. The tool reduces lightness for backgrounds, increases lightness for text, and slightly desaturates colors to reduce eye strain on dark backgrounds.
rgb(109, 40, 217)
hsl(263, 70%, 50%)
CSS Values
color: #6d28d9;
color: rgb(109, 40, 217);
color: hsl(263, 70%, 50%);
FAQ
How do I create dark mode colors from light mode?
Swap foreground and background lightness ranges. Light mode: dark text on light background. Dark mode: light text on dark background. Reduce saturation by 10-20% to avoid neon-like colors on dark.
What background color should I use for dark mode?
Avoid pure black (#000). Use a very dark gray like #1a1a1a or a dark shade of your brand color. This reduces contrast harshness and feels more natural.