Skip to content

Instantly share code, notes, and snippets.

@imme-emosol

imme-emosol/hex_colors_20070119.htm

Created July 19, 2020 18:51
Show Gist options
  • Save imme-emosol/758615769917feb0825693b8cfeab1bb to your computer and use it in GitHub Desktop.
Save imme-emosol/758615769917feb0825693b8cfeab1bb to your computer and use it in GitHub Desktop.
Download ZIP
Raw
hex_colors_20070119.htm
<html><head><title>Colors</title>
<style type="text/css"><!--
html{border:0;}
body{padding:0px;margin:0px;color:#110011;font-weight:900;font-family:comic-sans,arial,sans-serif;font-stretch:ultra-expanded;}
#clr216 td{color:#DDDDDD;padding:0 5 5 0;margin:40px;letter-spacing:-0.5px;text-align:right;}
#clr216 td h6{display:none/*inline-block*/;width:4px;height:4px;position:relative;top:-7px;left:-7px;color:#CCCCCC;letter-spacing:-1px;text-align:left;margin:0px;padding:0px;}
#clr4096 td{color:#DDDDDD;padding:0 0 5 0;letter-spacing:-1px;text-align:right;}
#clr4096 td h6{display:none/*inline-block*/;width:4px;height:4px;position:relative;top:-1px;left:0px;color:#CCCCCC;letter-spacing:-1px;text-align:left;margin:0px;padding:0px;}
--></style></head><body>
<script language="JavaScript" type="text/javascript"><!--
var nummer216=1;var nummer4096=1;var omweg='->';
var clrArr=new Array(6);clrArr[00]='00';clrArr[01]='33';clrArr[02]='66';clrArr[03]='99';clrArr[04]='CC';clrArr[05]='FF';
function color(){document.write('<table id="clr216" border="0" align="center" cellspacing="0" cellpadding="10" '+
'style="font-weight:bold;font-family:comic-sans,arial,sans-serif;">\n');
for(a=0,d=5;a<6;a++,d--){
for(b=0;b<6;b++){document.write('<tr>');
for(c=0;c<6;c++){var sp1=clrArr[a];var sp2=clrArr[b];var sp3=clrArr[c];var spAll=sp1+sp3+sp2;
document.write('<td bgcolor="#'+spAll+'" style="color:#DDDDDD;"><h6>'+nummer216+'</h6>'+spAll+'</td>');nummer216++;}
document.write('</tr>\n');}
if(d!=0){document.write('<!-- Nog '+d+' te gaan. -'+omweg);}else{document.write('');}}
document.write('</table>\n4&sup3; = '+(nummer216-1)+'<i>(Web-Safe colors)</i><br>\n');}
var Ar16=new Array(16);
for(Cnt16=0;Cnt16<10;Cnt16++){Ar16[Cnt16]=Cnt16;}
Ar16[10]='A';Ar16[11]='B';Ar16[12]='C';Ar16[13]='D';Ar16[14]='E';Ar16[15]='F';
var Arr16=new Array(16);
for(Cnt16=0;Cnt16<16;Cnt16++){Arr16[Cnt16]=Ar16[Cnt16]+''+Ar16[Cnt16];}
function color2(){document.write('<table width="100%" id="clr4096" border="0" align="center" cellspacing="0" cellpadding="10" '+
'style="font-weight:100;font-size:14px;font-family:comic-sans,arial,sans-serif;">\n');
for(a=0,d=15;a<16;a++,d--){
for(b=0;b<16;b++){document.write('<tr>');
for(c=0;c<16;c++){var clrCd1=Arr16[a];var clrCd2=Arr16[b];var clrCd3=Arr16[c];var cc4096=clrCd3+clrCd2+clrCd1;
document.write('<td bgcolor="#'+cc4096+'" style="color:#DDDDDD;"><h6>'+nummer4096+'</h6>'+cc4096+'</td>');nummer4096++}
document.write('</tr>\n');}
if(d!=0){document.write('<!-- Nog '+d+' te gaan. -'+omweg);}else{document.write('');}}
document.write('</table>\n16&sup3; = '+(nummer4096-1)+'<br>\n');}
//function color3(){}
//color3();
color2();
color();
/*
function table(){document.write('<table border="0" cellspacing="0" cellpadding="2">');
for(i=0;i<6;i++){document.write('<tr><td>');
for(t=0;t<6;t++){document.write('<tr>');
for(a=0;a<6;a++){document.write('<td>'+i+'</td><td>'+t+'</td><td>'+a+'</td><td>'+'&nbsp;</td>');}
document.write('</tr>');}
document.write('</tr>');}
document.write('</table>');}
table();
for(ff=0;ff<6;ff++){document.write('<br>')};
document.write('<table><tr bgcolor="#FF00FF"><td>&nbsp;</td></tr>')
function tst1(){for(test1=0;test1<256;test1++){for(Cnt4096a=0;Cnt4096a<4096;Cnt4096a++){
document.write('.');}document.write('<br>')}}//maar 5 keer op doorgaan hoeven drukken...
function tst0(){
for(test=0;test<16;test++){document.write(Arr16[test]+'&nbsp;')}
document.write('<br>');
for(test=0;test<256;test++){document.write(Arr256[test]+'&nbsp;')}}
*/
//--></script></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment