Les 216 couleurs web

Soyez le premier à donner votre avis sur cette source.

Snippet vu 5 170 fois - Téléchargée 47 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

Messages postés
2
Date d'inscription
lundi 17 octobre 2005
Statut
Membre
Dernière intervention
27 novembre 2006

merci
Messages postés
12
Date d'inscription
samedi 26 février 2005
Statut
Membre
Dernière intervention
5 février 2008

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.
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
36
oki alors très bonne source que tu défend très bien
Messages postés
17
Date d'inscription
jeudi 12 juin 2003
Statut
Membre
Dernière intervention
13 avril 2005

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
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
36
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.