1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Palette de couleurs

Palette de couleurs

Soyez le premier à donner votre avis sur cette source.

Snippet vu 18 413 fois - Téléchargée 30 fois

Commenter

Contenu du snippet

Palette de couleurs complete

Source / Exemple : 


<HTML>
<HEAD>
<TITLE>Palette de Couleurs</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function decCompute(valRGB){
	first=Math.round(valRGB/16 - .5);
	second=valRGB - first * 16;
	return(""+getletter(first)+getletter(second))
}
function getletter(val){
	if(val<10)return val;//>
	else{
		if(val==10)return "A"
		if(val==11)return "B"
		if(val==12)return "C"
		if(val==13)return "D"
		if(val==14)return "E"
		if(val==15)return "F"
	}
}
function couleurs(){
	rouge=decCompute(document.getElementById('srouge').value);
	vert=decCompute(document.getElementById('svert').value);
	bleu=decCompute(document.getElementById('sbleu').value);
	document.getElementById('mtexte').value="#"+rouge+vert+bleu;
	document.bgColor="#"+rouge+vert+bleu;
}
</SCRIPT>
</HEAD>
<BODY id="test">
<SCRIPT LANGUAGE="JavaScript">
	document.write(
		"<CENTER>"
		+"<TABLE border=0>"
		+"<TR><TH colspan=3>PALETTE DE COULEURS</TH></TR>"
		+"<TR><TD bgcolor='red'>"
	)
	document.write(
		"<B>ROUGE : <SELECT id='srouge' onChange='couleurs()'>"
	)
	for(i=1;i<256;i++){//>
		document.write("<OPTION SELECTED value="+i+">"+i+"</OPTION>");
	}
	document.write(
		"</SELECT></TD>"
		+"<TD bgcolor='green'><B>VERT : <SELECT id='svert' onChange='couleurs()'>"
	)
	for(i=1;i<256;i++){//>
		document.write("<OPTION SELECTED value="+i+">"+i+"</OPTION>");
	}
	document.write(
		"</SELECT></TD>"
		+"<TD bgcolor='blue'><B>BLEU : <SELECT id='sbleu' onChange='couleurs()'>"
	)
	for(i=1;i<256;i++){//>
		document.write("<OPTION SELECTED value="+i+">"+i+"</OPTION>");
	}
	document.write(
		"</SELECT></TD></TR>"
		+"<TR><TD colspan=3 align=middle><B>Code RGB : <INPUT id='mtexte' type='text'></TD></TR>"
		+"</TABLE></CENTER>"
	)
	rouge	=decCompute(document.getElementById('srouge').value);
	vert	=decCompute(document.getElementById('svert').value);
	bleu	=decCompute(document.getElementById('sbleu').value);
	document.getElementById('mtexte').value="#FFFFFF";
</SCRIPT>
</BODY>
</HTML>

A voir également

S'inscrire maintenant

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.