A Pen by Jenn.

Hot-Neon-Garbage.markdown

Hot Neon Garbage

hex values of neon colors

A Pen by Jenn on CodePen.

License.

index.html

<ul id="frame"></ul>

script.js

var neonColors = [
  '#ff00ff',
  '#00ffff',
  '#00ff00',
  '#ffff00',
  '#ff0000',
  '#0000ff',
  '#7920FF',
  '#FD0987',
  '#FF3300',
  '#FF6EC7',
  '#00FF66',
  '#4D4DFF',
  '#67C8FF',
 ];

var frame = document.getElementById('frame');
  
for (var i = 0; i < neonColors.length; i++ ) {
  var item = document.createElement('li');
  item.style.backgroundColor = neonColors[i];
  item.innerHTML = '<span>' + neonColors[i] + '</span>';
  frame.appendChild(item);
}

style.css

li { padding: 20px; margin: 1em; list-style-type: none; }
li span { display: inline-block; background: white; padding: 5px; font-family: monospace; font-weight: bold; text-transform: lowercase; }

Can we get "test double zomg neon green™" added somehow? (As seen here). Hex code is #7BFB2D.

Edit: it's very important the trademark is cited in the source, though.

#AAFF00 - another green
#FF00AA - another pinkish
#AA00FF - another purple
#FF7F00 - orange
#228DFF - another blue

Safety Orange: #ff6d38, 100% saturation red: #f9000, Tropical Blaze: #fd8b25, SlurpeeSmurf Blue: #25d7fb, Pansy Purple: #7920ff. But, you know you can go to Photoshop and look at Pantone pastels and Neons Coated and they will get you a whole range. Like Shocking Pink: Pantone 813 #fe51c3, Orange Crush Sorbet: Pantone 811: #ff9072, Quaalude Blush: Pantone 812: #ff63a2, Acid Lemonade: Pantone 809: #e3e641. There is a big difference between what colors you can print and what are web friendly. Which were you looking for?

@angelawyman i'm looking for web friendly. thanks!