Accueil > > > SÉLECTEUR DE COULEUR (TOUTES LES COULEURS)
 SÉLECTEUR DE COULEUR (TOUTES LES COULEURS)
 Information sur la source
 Description
Un tableau est crée dynamiquement et peut proposé toutes les couleur disponibles (env 16 millions). Attention, ca peut ramer ennormement sur certaines machines, ne pas s'inquitier et régler les variables StepH et StepV pour demander de calculer moins de couleur. Plus ces variables sont petites , plus il y aura de nuances et ... plus ca ramera ... Une version plus complète sera bientot disponible sur ce site: Http://www.systeme-d.net
 Source
- <HTML>
- <HEAD>
- <TITLE></TITLE>
- <STYLE>
- .ColorCell{width: 3; height: 3}
- .GradientColorCell{width: 5; height: 20}
- </STYLE>
- <SCRIPT>
- // convertion decimal ver hexa
- function Hexa(Dec){
- var nb = Dec.toString(16)
- if (nb.length < 2) {nb = "0" + nb}
- return(nb)
- }
- function GradientPart(dr, dg, db, fr, fg, fb, Step) {
- cr=dr;cg=dg;cb=db
- // Calcul du pas par couleur
- sr=((fr-dr)/Step) // rouge
- sg=((fg-dg)/Step) // vert
- sb=((fb-db)/Step) // bleu
- var Result = ''
- for (var x = 0; x <= Step; x++) {
- var cmd = " onclick=\"ColorCode.value=this.bgColor;\" onmouseover=\"ColorShow.style.backgroundColor=this.bgColor;\""
- Result += "<TD CLASS=ColorCell BGCOLOR=#" + Hexa(Math.floor(cr)) + Hexa(Math.floor(cg)) + Hexa(Math.floor(cb)) + cmd + "></TD>"
- cr += sr; cg += sg; cb += sb
- }
- return(Result)
- }
- function WriteRow(a,i){
- document.write("<TR>")
- document.write(GradientPart(a,i,i, a,a,i, StepH))
- document.write(GradientPart(a,a,i ,i,a,i, StepH))
- document.write(GradientPart(i,a,i, i,a,a, StepH))
- document.write(GradientPart(i,a,a, i,i,a, StepH))
- document.write(GradientPart(i,i,a, a,i,a, StepH))
- document.write(GradientPart(a,i,a, a,i,i, StepH))
- document.write("</TR>")
- }
- </SCRIPT>
- </HEAD>
- <BODY>
-
- <TABLE>
- <TR>
- <TD COLSPAN=2>
-
- <SCRIPT>
- // ecriture du tableau de dégradé
- document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 STYLE='border: 1px solid black'>")
- StepH = 20
- var StepV = 8
- var i=0
- var a=0
- // niveau foncé
- for (a=0;a<=255; a+=StepV){
- WriteRow(a,i)
- }
- a=255
- // niveau clair
- for (i=0; i<=255; i+=StepV){
- WriteRow(a,i)
- }
- document.write("</TABLE>")
- </SCRIPT>
-
- </TD>
- </TR>
- <TR>
- <TD>
- <DIV ID=ColorShow STYLE="width: 100; height: 60; border: 1px solid black"></DIV>
- </TD>
- <TD>
- Code couleur : <INPUT ID=ColorCode TYPE=text SIZE=8>
- </TD>
- </TR>
- </TABLE>
-
-
- </BODY>
- </HTML>
-
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
.ColorCell{width: 3; height: 3}
.GradientColorCell{width: 5; height: 20}
</STYLE>
<SCRIPT>
// convertion decimal ver hexa
function Hexa(Dec){
var nb = Dec.toString(16)
if (nb.length < 2) {nb = "0" + nb}
return(nb)
}
function GradientPart(dr, dg, db, fr, fg, fb, Step) {
cr=dr;cg=dg;cb=db
// Calcul du pas par couleur
sr=((fr-dr)/Step) // rouge
sg=((fg-dg)/Step) // vert
sb=((fb-db)/Step) // bleu
var Result = ''
for (var x = 0; x <= Step; x++) {
var cmd = " onclick=\"ColorCode.value=this.bgColor;\" onmouseover=\"ColorShow.style.backgroundColor=this.bgColor;\""
Result += "<TD CLASS=ColorCell BGCOLOR=#" + Hexa(Math.floor(cr)) + Hexa(Math.floor(cg)) + Hexa(Math.floor(cb)) + cmd + "></TD>"
cr += sr; cg += sg; cb += sb
}
return(Result)
}
function WriteRow(a,i){
document.write("<TR>")
document.write(GradientPart(a,i,i, a,a,i, StepH))
document.write(GradientPart(a,a,i ,i,a,i, StepH))
document.write(GradientPart(i,a,i, i,a,a, StepH))
document.write(GradientPart(i,a,a, i,i,a, StepH))
document.write(GradientPart(i,i,a, a,i,a, StepH))
document.write(GradientPart(a,i,a, a,i,i, StepH))
document.write("</TR>")
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD COLSPAN=2>
<SCRIPT>
// ecriture du tableau de dégradé
document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 STYLE='border: 1px solid black'>")
StepH = 20
var StepV = 8
var i=0
var a=0
// niveau foncé
for (a=0;a<=255; a+=StepV){
WriteRow(a,i)
}
a=255
// niveau clair
for (i=0; i<=255; i+=StepV){
WriteRow(a,i)
}
document.write("</TABLE>")
</SCRIPT>
</TD>
</TR>
<TR>
<TD>
<DIV ID=ColorShow STYLE="width: 100; height: 60; border: 1px solid black"></DIV>
</TD>
<TD>
Code couleur : <INPUT ID=ColorCode TYPE=text SIZE=8>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
 Sources du même auteur
 Sources de la même categorie
 Commentaires et avis
|
Derniers Blogs
 TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Arnault Nouvel et Antoine Dongois Le processus à prendre : Apprendre (découvrir la plateforme) Préparer (documenter l'historique et choisir la méthode de MAJ) Test (Test de MAJ) Implémenter (Effectuer la MAJ) Valid...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOURTECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOUR par ROMELARD Fabrice
Après un retour sur l'histoire des TechDays de Paris et le fait que ce soit le plus gros event MS au monde (du fait de sa gratuité), le président de MS France (Eric Boustoullier) a fait une présentation de la vision Microsoft pour les années à venir...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice CRéATION D'UNE BASE DE DONNéE SOUS SQL AZURECRéATION D'UNE BASE DE DONNéE SOUS SQL AZURE par junarnoalg
Sans rentrer dans les détails, je me propose ici de faire un rapide tour de ce que propose SQL Azure.
SQL Azure est avant tout un service d'hébergement de base de données relationnelles construit sur SQL Server. Il permet aux entreprises d...
Cliquez pour lire la suite de l'article par junarnoalg TECHDAYS PARIS 2010 : LES SERVICES D'APPLICATIONS DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LES SERVICES D'APPLICATIONS DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Xavier Moreels et Julien Bakmezdjian Ce sujet est lié au partage des applications comme services dans SharePoint 2010, ceci représente la possibilité de créer sa propre application qui sera utilisable comme ceux en standard : Search...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|