begin process at 2012 02 11 23:52:03
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > LES 216 COULEURS WEB

LES 216 COULEURS WEB


 Information sur la source

Note :
7,25 / 10 - par 4 personnes
7,25 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs & Astuces Niveau :Débutant Date de création :21/12/2004 Vu :4 021

Auteur : markachat

Ecrire un message privé
Site perso
Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note

 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.


 Sources du même auteur

EXP RÉGULIÈRE POUR VALIDER UN EMAIL DANS UN FORMULAIRE (VALI...

 Sources de la même categorie

Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol
Source avec Zip Source avec une capture COPIER DU TEXTE par m22001111
Source avec Zip DIALOGUE ENTRE FENÊTRES MÈRE ET FILLE par william voirol

Commentaires et avis

Commentaire de montest le 21/12/2004 19:53:03

Pas mal.

Commentaire de coucou747 le 22/12/2004 00:23:54 administrateur CS

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

tu peux détailler stp ?

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

Commentaire de coucou747 le 22/12/2004 12:04:06 administrateur CS

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

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.

Commentaire de mayoronam le 27/11/2006 15:56:04

merci

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,170 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales