RVB_HEX

Retour à la page précédente

le fichier zip de cet exemple

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

Pour convertir une couleur RVB en valeur Hexadécimale,
entre les 3 valeurs << RVB >> et clique sur le bouton << calcul >>
Le fond de cette page sera automatiquement changé dès que tu aura cliqué sur le bouton << calcul >>

Dans ta page, insère les codes suivants

dans la section <HEAD> / < /HEAD>

function RVBHEX(){
var R =0;
var V=0;
var B=0;
var Nombres = "0123456789ABCDEF";
var output_R=0;var output_V=0;var output_B=0;
var calcul_R1=0;var calcul_R2=0;var calcul_V1=0;var calcul_V2=0;var calcul_B1=0;var calcul_B2=0;
R= document.convert.rouge.value;V=document.convert.vert.value;B=document.convert.bleu.value;
if(R>255){alert("La valeur ROUGE ne peut être supérieure à 255");output_R="??";}
else{ if (R=="0") {output_R=Nombres.substring(0,1)+Nombres.substring(0,1);}
          else{if (R=="00") {output_R=Nombres.substring(0,1)+Nombres.substring(0,1); }
   else { if(R<17){ output_R="0"+Nombres.substring(R-1,(R*1));}
        else{calcul_R1=Math.round(R/16);
    if((calcul_R1*16)>R){calcul_R1=Math.round(R/16)-1;}
    calcul_R2=R-(calcul_R1*16) ;
    calcul_R1=Nombres.substring(calcul_R1,calcul_R1+1);
    calcul_R2=Nombres.substring(calcul_R2,calcul_R2+1);
    output_R=calcul_R1+calcul_R2;
    }}}}
if(V>255){alert("La valeur VERTE ne peut être supérieure à 255");output_V="??";}
else{ if (V=="0") {output_V=Nombres.substring(0,1)+Nombres.substring(0,1);}
else{if (V=="00") {output_V=Nombres.substring(0,1)+Nombres.substring(0,1); }
else { if(V<17){ output_V="0"+Nombres.substring(V-1,(V*1));}
else{calcul_V1=Math.round(V/16);if((calcul_V1*16)>V){calcul_V1=Math.round(V/16)-1;}
calcul_V2=V-(calcul_V1*16) ;calcul_V1=Nombres.substring(calcul_V1,calcul_V1+1);
calcul_V2=Nombres.substring(calcul_V2,calcul_V2+1);output_V=calcul_V1+calcul_V2;}}}}
if(B>255){alert("La valeur BLEUE ne peut être supérieure à 255");output_B="??";}
else{ if (B=="0") {output_B=Nombres.substring(0,1)+Nombres.substring(0,1);}
else{if (B=="00") {output_B=Nombres.substring(0,1)+Nombres.substring(0,1); }
else { if(B<17){ output_B="0"+Nombres.substring(B-1,(B*1));}
else{calcul_B1=Math.round(B/16);if((calcul_B1*16)>B){calcul_B1=Math.round(B/16)-1;}
calcul_B2=B-(calcul_B1*16) ;calcul_B1=Nombres.substring(calcul_B1,calcul_B1+1);
calcul_B2=Nombres.substring(calcul_B2,calcul_B2+1);output_B=calcul_B1+calcul_B2;}}}}
output='#'+output_R+output_V+output_B;
document.convert.sortie.value = output;
document.bgColor=output;
}

dans la section <BODY> / < /BODY>

<form NAME="convert">
<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="rouge" VALUE="0" SIZE=6></center>
</td>
<td>
<center><input TYPE="TEXT" NAME="vert" VALUE="0" SIZE=6></center>
</td>
<td>
<center><input TYPE="TEXT" NAME="bleu" VALUE="0" SIZE=6></center>
</td>
</tr>
</table></center>
<center><input TYPE="BUTTON" VALUE="Calcul" onClick="RVBHEX();">
<br><input TYPE="TEXT" NAME="sortie" SIZE=12></form></center>