RGB Stripes

by pleonardmusic1664

HTML

<html>
<style> 
body {background-color: rgb(250, 218, 221); font-family: "Fira Code", mono, sans-serif}
div{font-size:0px; height:100px; padding-left: 15%; padding-right: 15%; padding-top: 10px;
}
h3{font-family:"Heebo", sans-serif;
font-size: 38.843px;
font-style: normal;
font-weight: 800;
word-break: break-word;
padding-left: 45%;}
p{padding-left: 15%; padding-right: 15%;}
span{padding-left: 15%;}
span#redDemo, span#redDemo, span#yellowDemo, span#blueDemo, span#greenDemo, span#lightenDemo {padding-left: 0%;}
/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 50%; /* Full-width */
  height: 15px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}
.RGBspan {
display: block;
width: 150px;
float:left;
}
</style>


<body>
<p><h3><strong>R G B</strong></h3>

<p>The majority of my artistic work of the last decade has focused primarily on sound, spending equal time in the worlds of music, sound design, and sound installation (almost always combining computers with analog media).  My artistic interest in sound above other media is due to the way it can be easily analyzed and broken into tiny parts that I can separate and put back together in artistic ways.<br>
In the last two years I've taken this focus on the minute components of sound and turned it towards color/light.  
I've been researching the way that every color can be broken down and represented as a set of RGB (Red, Green, Blue) values, the way colors are displayed on each pixel of a computer screen.  
In order to break down how this works for myself, I've been exploring specific colors and displaying their RGB values as 
separated stripes or dots of red, green, and blue (and / or yellow, which is important in the...