Retour à la page précédente
le fichier zip de cet exemple

 
COULEUR - Convertisseur des valeurs Hexadécimales en valeurs RVB  - Version n° 1

Pour convertir une couleur Hexadécimale  en valeur RVB,
entre la valeur ( par exemple = F5A656 ) et clique sur le bouton << calcul >>
Le fond de cette page sera automatiquement changé dès que tu aura cliqué sur le bouton << calcul >>


Valeur R
Valeur V
Valeur B

Dans ta page, insère les codes suivants

dans la section <HEAD> / < /HEAD>
<script>
 function HEXRVB(){
var i=0;
var R =0;var V =0;var B =0;
var Nombres_max = "0123456789ABCDEF";
var Nombres_min = "0123456789abcdef";
var output_R=0;var output_V=0;var output_B=0;
var calcul_R=0;var calcul_V=0;var calcul_B=0;
 R= document.convert.hexa.value;
var longueur=R.length;
if(longueur>6){alert("La valeur saisie est éronnée = elle possède plus de 6 caractères ou chiffres");output_R="??";}
else {
if(longueur<6){alert("La valeur saisie est éronnée = elle possède moins de 6 caractères ou chiffres");output_R="??";}
else{
for ( i=1;i<17;i++){if (     Nombres_max.substring(i,i+1)==R.substring(0,1) | Nombres_min.substring(i,i+1)==R.substring(0,1)   ) calcul_R=i*16; }
for (i=1;i<17;i++){if (     Nombres_max.substring(i,i+1)==R.substring(1,2) | Nombres_min.substring(i,i+1)==R.substring(1,2)   ) calcul_R=calcul_R+i; }
for ( i=1;i<17;i++){if (     Nombres_max.substring(i,i+1)==R.substring(2,3) | Nombres_min.substring(i,i+1)==R.substring(2,3)   ) calcul_V=i*16; }
for (i=1;i<17;i++){if (     Nombres_max.substring(i,i+1)==R.substring(3,4) | Nombres_min.substring(i,i+1)==R.substring(3,4)   ) calcul_V=calcul_V+i; }
for ( i=1;i<17;i++){if (     Nombres_max.substring(i,i+1)==R.substring(4,5) | Nombres_min.substring(i,i+1)==R.substring(4,5)   ) calcul_B=i*16; }
for (i=1;i<17;i++){if (     Nombres_max.substring(i,i+1)==R.substring(5,6) | Nombres_min.substring(i,i+1)==R.substring(5,6)   ) calcul_B=calcul_B+i; }
 document.convert.sortie_R.value = calcul_R;
 document.convert.sortie_V.value = calcul_V;
 document.convert.sortie_B.value = calcul_B;
 document.bgColor=R;
}}
}
</script>
dans la section <BODY> / < /BODY>
<center>
<p><form NAME="convert"><input TYPE="TEXT" NAME="hexa" SIZE=12>
<br><input TYPE="BUTTON" VALUE="Calcul" onClick="HEXRVB();"></center>
<center><table BORDER COLS=3 WIDTH="30%" BGCOLOR="#FFFFCC" >
<tr>
<td>
<center><b><font face="Arial,Helvetica"><font color="#000000"><font size=-1>Valeur
R</font></font></font></b></center>
</td>
<td>
<center><b><font face="Arial,Helvetica"><font color="#000000"><font size=-1>Valeur
V</font></font></font></b></center>
</td>
<td>
<center><b><font face="Arial,Helvetica"><font color="#000000"><font size=-1>Valeur
B</font></font></font></b></center>
</td>
</tr>
<tr>
<td>
<center><input TYPE="TEXT" NAME="sortie_R" SIZE=12></center>
</td>
<td>
<center><input TYPE="TEXT" NAME="sortie_V" SIZE=12></center>
</td>
<td>
<center><input TYPE="TEXT" NAME="sortie_B" SIZE=12></center>
</td>
</tr>
</table></center>
</form>