Les 216 couleurs web

Soyez le premier à donner votre avis sur cette source.

Snippet vu 5 546 fois - Téléchargée 49 fois

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

Ajouter un commentaire Commentaires
mayoronam Messages postés 2 Date d'inscription lundi 17 octobre 2005 Statut Membre Dernière intervention 27 novembre 2006
27 nov. 2006 à 15:56
merci
neoversionfr Messages postés 12 Date d'inscription samedi 26 février 2005 Statut Membre Dernière intervention 5 février 2008
24 juil. 2006 à 22:48
Salut,
super markachat,
avec ça sous la main pour la création
plus besoin de cherchez les couleurs voulus.
Merci pour ce script bonne continuation amicalement
neo.
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 42
22 déc. 2004 à 12:04
oki alors très bonne source que tu défend très bien
markachat Messages postés 17 Date d'inscription jeudi 12 juin 2003 Statut Membre Dernière intervention 13 avril 2005
22 déc. 2004 à 09:56
Certes le navigateurs actuels peuvent afficher autant de couleurs que l'on veut, mais il faut savoir qu'une norme de couleur a été instaurée pour le web : Norme Netscape webnc216.pal.
Cette palette comporte 216 couleurs pour lesquelles on est sûr que le résultat affiché dans le navigateur sera la couleur que l'on a spécifié. Lorsque l'on utilise une autre couleur (ex : #1285d8), il peut résulté une différence entre la couleur d'origine et le résultat à l'écran.
On arrive à 216 couleurs su fait que les valeures prises en compte par la norme sont 00(0)-33(51)-66(102)-99(153)-CC(204)-FF(255) les chiffres entre parenthèse étant la valeur RGB. Soit six niveau de gris pour chaque couche RGB. 6X6X6=216 couleurs. La palette est en fait étendue à 256 couleurs par l'apport de 40 couleurs système, mais ces dernières seront différentes selon la plateforme (Win, Mac, Linux...). On ne peut donc être sûr que de 216 couleurs.
Voilà, j'espère que ces explication sont claires...
@ plus
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 42
22 déc. 2004 à 00:23
euh.. il n'y a que 216 couleurs ? selon moi c'était plutot 256^3...

tu peux détailler stp ?
Afficher les 6 commentaires

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.