Les 216 couleurs web

Contenu du snippet

Ce script affiche à l'écran les 216 couleurs officielles du web avec leur code hexadécimal.
Bon, c'est pas de la grande programmation, mais ça peut servir par moment quand on cherche une couleur. Cette source est donc là à titre documentaire.

Source / Exemple :


<html>
<head>
<title>LES 216 COULEURS WEB</title>
<script>

 var ga_tab=new Array();
 ga_tab[0]="00";
 ga_tab[1]="33";
 ga_tab[2]="66";
 ga_tab[3]="99";
 ga_tab[4]="CC";
 ga_tab[5]="FF";
 
 function create_table()
 {
	 var ln_i=0;
	 var ln_j=0;
	 var ln_k=0;
	 var ls_hexa="";
	 var ls_recup="";
	 
	 for (ln_i=0;ln_i<=5;ln_i++)
	 {
		 document.write('<tr><td colspan="6" align="center"><BR><H1>Famille #'+ga_tab[ln_i]+'xxxx</H1>');
		 for (ln_j=0;ln_j<=5;ln_j++)
		 {
			 for (ln_k=0;ln_k<=5;ln_k++)
			 {
				 if (ln_k==0)
				 {
					 ls_hexa="#"+ga_tab[ln_i]+ga_tab[ln_j]+ga_tab[ln_k];
					 ls_recup="<TR><TD align='center' bgcolor='"+ls_hexa+"'><BR>"+ls_hexa+"</td>";
					 document.write(ls_recup);
				 }
				 else if (ln_k==5)
				 {
					 ls_hexa="#"+ga_tab[ln_i]+ga_tab[ln_j]+ga_tab[ln_k];
					 ls_recup="<TD align='center' bgcolor='"+ls_hexa+"'><BR>"+ls_hexa+"</td></TR>";
					 document.write(ls_recup);
				 }
				 else
				 {
					 ls_hexa="#"+ga_tab[ln_i]+ga_tab[ln_j]+ga_tab[ln_k];
					 ls_recup="<TD align='center' bgcolor='"+ls_hexa+"'><BR>"+ls_hexa+"</td>";
					 document.write(ls_recup);
				 }
			 }
		 }
	 }
 }
 
</script>
</head>
<body bgcolor="#FFFFFF">
<table width="90%" align="center" cellpadding="0" border="5" cellspacing="5">

<script>create_table();</script>

</table>
</body>
</html>

Conclusion :


Vous faîtes un copier coller du code dans une nouvelle page html dans votre éditeur favori (Crimson pour ma part), vous ouvrez la page dans un explorateur, et c'est tout.

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.