Skip to content

Instantly share code, notes, and snippets.

@jennschiffer
Created September 25, 2014 01:35
Show Gist options
  • Save jennschiffer/03a792ef526d23fdcf2f to your computer and use it in GitHub Desktop.
Save jennschiffer/03a792ef526d23fdcf2f to your computer and use it in GitHub Desktop.
A Pen by Jenn.
<ul id="frame"></ul>
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);
}
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; }
@angelawyman
Copy link

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?

@jennschiffer
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment