Neural Colors

Developer
Casey Hunt
Size
4,213 Kb
Views
28,336
  1. Neural Colors Previews
  2. Neural Colors HTML Codes
  3. Neural Colors CSS Codes

How do I make an neural colors?

When you let a neural network create color names, the results can be quite awesome. Here's a list of those colors made available for you as SCSS variables. . What is a neural colors? How do you make a neural colors? This script and codes were developed by Casey Hunt on 15 November 2022, Tuesday.

Neural Colors Previews
IQ Test

Neural Colors - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Neural Colors</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section> <article data-color="Sticks Red"></article> <article data-color="Coral Gray"></article> <article data-color="Rover White"></article> <article data-color="Ghasty Pink"></article> <article data-color="Bock Coe White"></article> <article data-color="Horble Gray"></article> <article data-color="Homestar Brown"></article> <article data-color="Hurky White"></article> <article data-color="Burf Pink"></article> <article data-color="Gray Pubic"></article> <article data-color="Dondarf"></article> <article data-color="Stoomy Brown"></article> <article data-color="Ice Gray"></article> <article data-color="Catbabel"></article> <article data-color="Ronching Blue"></article> <article data-color="Bank Butt"></article> <article data-color="Stargoon"></article> <article data-color="Dorkwood"></article> <article data-color="Flower"></article> <article data-color="Grade Bat"></article> <article data-color="Grass Bat"></article> <article data-color="Sindis Poop"></article> <article data-color="Dope"></article> <article data-color="Testing"></article> <article data-color="Stoner Blue"></article> <article data-color="Burple Simp"></article> <article data-color="Stanky Bean"></article> <article data-color="Turdly"></article> <article data-color="Bull Cream"></article> <article data-color="Copper Panty"></article> <article data-color="Rose Colon"></article> <article data-color="Farty Red"></article> <article data-color="Dorky Brown"></article> <article data-color="Dad"></article>
</section>
<footer> <h3>All credit to...</h3> <p><a href="http://lewisandquark.tumblr.com/post/160776374467/new-paint-colors-invented-by-neural-network">Janelle Shane's article on Neural Network Color Names</a></p>
</footer>
</body>
</html>

Neural Colors - Script Codes CSS Codes

[data-color="Sticks Red"] { background: #ab2522;
}
[data-color="Coral Gray"] { background: #816664;
}
[data-color="Rover White"] { background: #deded5;
}
[data-color="Ghasty Pink"] { background: #e789a5;
}
[data-color="Bock Coe White"] { background: #ddd7ec;
}
[data-color="Horble Gray"] { background: #b2b5c4;
}
[data-color="Homestar Brown"] { background: #856855;
}
[data-color="Hurky White"] { background: #e8dfd7;
}
[data-color="Burf Pink"] { background: #dfadb3;
}
[data-color="Gray Pubic"] { background: #06c1d6;
}
[data-color="Dondarf"] { background: #9197e2;
}
[data-color="Stoomy Brown"] { background: #7c8248;
}
[data-color="Ice Gray"] { background: #b8ae11;
}
[data-color="Catbabel"] { background: #615d44;
}
[data-color="Ronching Blue"] { background: #79727d;
}
[data-color="Stargoon"] { background: #e9bf8d;
}
[data-color="Bank Butt"] { background: #ddc4c7;
}
[data-color="Dorkwood"] { background: #3d3f42;
}
[data-color="Flower"] { background: #b2b8c4;
}
[data-color="Grade Bat"] { background: #305e53;
}
[data-color="Grass Bat"] { background: #b0636c;
}
[data-color="Sindis Poop"] { background: #cccdc2;
}
[data-color="Dope"] { background: #dbd1b3;
}
[data-color="Testing"] { background: #9c656a;
}
[data-color="Stoner Blue"] { background: #98a59f;
}
[data-color="Burple Simp"] { background: #e2b584;
}
[data-color="Stanky Bean"] { background: #c5a2ab;
}
[data-color="Turdly"] { background: #bea474;
}
[data-color="Bull Cream"] { background: #ebe5c6;
}
[data-color="Copper Panty"] { background: #a87c63;
}
[data-color="Rose Colon"] { background: #e7dbcd;
}
[data-color="Farty Red"] { background: #a42f2f;
}
[data-color="Dorky Brown"] { background: #51344c;
}
[data-color="Dad"] { background: #03e4e6;
}
* { box-sizing: border-box; margin: 0; padding: 0;
}
body { font-family: 'Avenir Next', Helvetica Neue, Helvetica, Arial, sans-serif;
}
section { display: flex; flex-flow: row wrap; justify-content: center; align-items: center;
}
article { margin: 40px 10px 10px; height: 200px; width: 200px; position: relative;
}
article:after { content: attr(data-color); position: absolute; right: 0; top: -1.4em; font-size: 16px; font-weight: 100; letter-spacing: 1px; color: #888;
}
footer { margin-top: 4em; padding: 3em 0; text-align: center; background: #b2b5c4;
}
footer h3 { color: #333;
}
footer p { margin-top: 0.5em;
}
Neural Colors - Script Codes
Neural Colors - Script Codes
Home Page Home
Developer Casey Hunt
Username caseymhunt
Uploaded November 15, 2022
Rating 3
Size 4,213 Kb
Views 28,336
Do you need developer help for Neural Colors?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Casey Hunt (caseymhunt) Script Codes
Name
Cool Form Labels
A Pen by Casey Hunt
Super cool hover section links
Background Color Switcher
RoundUp Rumble 2015
IOS Style Underline
JQuery Time Range Slider
CSS Only radio image label
Shaun Spills
Headroom.js Test
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!