Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

LES 216 COULEURS WEB


Information sur la source

Description

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

  • <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>
<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.
 

Commentaires et avis

signaler à un administrateur
Commentaire de montest le 21/12/2004 19:53:03

Pas mal.

signaler à un administrateur
Commentaire de coucou747 le 22/12/2004 00:23:54

euh.. il n'y a que 216 couleurs ? selon moi c'était plutot 256^3...

tu peux détailler stp ?

signaler à un administrateur
Commentaire de markachat le 22/12/2004 09:56:08

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

signaler à un administrateur
Commentaire de coucou747 le 22/12/2004 12:04:06

oki alors très bonne source que tu défend très bien

signaler à un administrateur
Commentaire de neoversionfr le 24/07/2006 22:48:54

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.

signaler à un administrateur
Commentaire de mayoronam le 27/11/2006 15:56:04

merci

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,187 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.