CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 03 19 07:12:51

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

LES 216 COULEURS WEB

Information sur la source

Note :

7,25 / 10

Catégorie :Trucs & Astuces Niveau :Débutant Date de création :21/12/2004 Vu :3 356

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

Toutes les sources de markachat

Sources de la même categorie

ACCÈS À LA MÉTHODE SETATTRIBUTE('STYLE','') SOUS IE6 par masternico

OUTIL DE SÉLECTION par jdmcreator

SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML par kazma

DÉTECTER SI CSS EST ACTIVÉ par jdmcreator

RETROUVER LE NUMÉROS DE TELEPHONE DE VOTRE EMPLOYER RAPIDEME... par rappise

Toutes les sources de la catégorie Trucs & Astuces

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

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

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

Derniers Blogs

TECHDAYS 2010 GENèVE : RETROUVEZ-MOI POUR UNE SESSION SUR LA HAUTE DISPONIBILITé ET LE SCALEOUT AVEC SQL SERVER par christian

[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril

CERTIFICATIONS BETA .NET 4 par KooKiz

[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo

LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE

Forum

RE : EFFACER UNE LIGNE DANS FICHIER TEXTE EN PHP par Arto_8000

RE : ADDITION DE VARIABLES DANS UN FORMULAIRE. par gilvidal31

RE : LECTURE PROPRIéTé IMAGE SUR BOUTON PARCOURIR par kazma

RE : CHANGEMENT D' UNE IMAGE par blacknaske

RE : VALIDATION D'UN FORMULAIRE par crememain

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

plaquette - logo
Budget : 350€
Gestion clientele JEE
Budget : 500€
URGENT Travaux PAO iWork 09 arabe hebreu anglais captures ecran
Budget : 400€

Logiciels

Academy System (10.9.4.0)
ACADEMY SYSTEM (10.9.4.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)
XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)

Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise...

Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate
Xilisoft DVD Ripper Ultimate (5.0.64.0304)
XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)

Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ...

Cliquez pour télécharger Xilisoft DVD Ripper Ultimate
Axalot, logiciel de sauvegarde de données en ligne (1.10.108.1)
AXALOT, LOGICIEL DE SAUVEGARDE DE DONNéES EN LIGNE (1.10.108.1)

Perdre tout le contenu de votre disque dur, vous imaginez ? Vos photos, vos musiques, votre compt...

Cliquez pour télécharger Axalot, logiciel de sauvegarde de données en ligne
Rigs of Rods (63.3)
RIGS OF RODS (63.3)

c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo...

Cliquez pour télécharger Rigs of Rods