Palette
Generate bright neon colors and copy glowing text and button CSS effects.
Palette
This neon color generator turns a base color into five electric hues at 100% saturation and about 55% lightness, then shows them glowing on a dark preview with sample text and a button. It also writes the text-shadow and box-shadow CSS that creates the glow, so you can reproduce the effect without trial and error. It is made for gaming sites, nightlife and event promos, synthwave artwork and any interface that needs bright, high-energy color.
Real neon tubes look almost white at the core with color spreading outward, so a convincing effect often uses a pale, slightly tinted text color and puts the saturated neon into layered shadows of increasing blur. Keep the glow for short headings and buttons, since blurred halos around body text make it harder to read. If you add a flicker animation, wrap it in a prefers-reduced-motion media query so people sensitive to motion can avoid it.
FAQ
Neon colors are fully saturated hues at medium lightness, which makes them about as vivid as a screen can show. In HSL that means 100% saturation and lightness of roughly 50 to 60 percent; this generator uses about 55%. The effect is strongest on dark backgrounds, where a glow makes the color seem to emit light.
Give the text a bright color and stack several text-shadow layers with no offset and increasing blur, for example text-shadow: 0 0 4px #fff, 0 0 12px #39ff14, 0 0 28px #39ff14. Each larger blur widens the halo. For buttons and boxes, apply the same idea with box-shadow.
Very dark backgrounds such as near-black, deep navy or dark purple make neon colors look brightest because the glow has strong contrast to spread into. On white or light backgrounds the glow largely disappears and neon colors can look harsh. That is why this tool previews them on a dark surface.
Not accurately with standard CMYK ink, because screen neons are brighter and more saturated than process inks can reproduce. Printers use special fluorescent spot inks to achieve a true neon look. If you are designing for print, ask your printer about fluorescent options and expect a plain CMYK version to look duller.