Neon Color Picker
Pick a glowing neon color like electric green, hot pink or vivid cyan and copy any shade of it as HEX, RGB or HSL.
Click any shade to select it, or use Copy HEX for the selected color.
Picking a neon color, step by step
- Choose a neon family: hot pink, electric green, vivid cyan, neon orange and more.
- Click a step on the ramp to set how intense or deep the glow is.
- Copy the HEX, with RGB and HSL alongside, for your design or screen.
- Test it on a dark background, where neon looks brightest, with the Contrast Checker.
Neon color HEX codes that pop on screen
Neon colors live near the maximum a screen can show, so their HEX codes are full of FF values. Here are the classics:
What are neon colors?
Neon colors are intensely bright, highly saturated hues that seem to glow, like neon pink, electric green and vivid cyan. They sit right at the edge of what a screen can display, pushing saturation and brightness close to their limits, which is exactly why they grab attention the way a lit neon sign does in a dark street.
Why neon only glows on a dark background
The single biggest mistake with neon is putting it on white, where it looks muddy instead of electric. Neon depends on contrast: the same hot pink that fizzes against near-black looks washed out against a pale page. Treating neon as a dark-mode color, not a light-mode one, is what makes it actually glow.
Neon vs ordinary bright colors
Not every bright color is neon. A plain bright red is simply saturated; a neon reads as if it is emitting light rather than reflecting it. The difference is how close the color sits to the screen’s maximum, and tools like the OKLCH picker can even reach slightly beyond the usual range for an extra-vivid result.
Designs that suit neon colors
- Dark-mode UI accents, calls to action and highlights.
- Gaming, music, nightlife and tech branding that wants energy.
- Cyberpunk, retro-80s and synthwave aesthetics.
- Glowing CSS gradients against a black or deep-navy base.
They are near the maximum saturation and brightness a screen can show, so they stand out sharply against muted surroundings.
Rarely on light backgrounds. They work best as accents or on dark surfaces where contrast is higher.
Electric or neon green is commonly #39FF14, an intense yellow-green that pops on dark backgrounds.
Push saturation and brightness to near maximum in HSL, then place the color on a dark background so it appears to glow.