Palette de couleurs

Soyez le premier à donner votre avis sur cette source.

Snippet vu 18 018 fois - Téléchargée 28 fois

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

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.