[BZHcool]

Tous les créateurs de sites ont pour objectif d'être vu et de se donner une véritable identité.

Bien souvent cette identité passe par le choix du design et surtout de la couleur que l'on utilise dans ses pages HTML. La gamme des couleurs HTML est très large.

Chaque couleur est associée à un code (les codes héxadécimeaux ) qui une fois inséré dans votre code HTML fait ressortir cette couleur sur votre page. Ce code est composé d'un # et suivi d'une composition de chiffres et de lettres. Pour exemple, la couleur "noire" aura pour code HTML le #OOOOOO.

Pour insérer un mot d'une certaine couleur dans vos pages vous pouvez mettre son code dans une balise comme ici : <FONT color=#OOOOOO>MANGEUR DE CIGOGNE</FONT>

Bien sûr, cette gamme de couleurs peut être trouvée facilement sur vos outils de créations et éditeurs de sites HTML, mais quelques fois c'est pratique dans avoir une sous les yeux.

C'est pour cette raison que je mets sur le HUB cette petite palette afin de vous faire découvrir la couleur HTML et surtout le code de chacune des couleurs.

Bon design aux apprentis Picasso du Hub.

CODE COULEUR du HUB

[Dan]

Merci BSZcool, cela peut être bien utile.
Une alternative, bien plus au goût du jour, est d'utiliser les feuilles de styles pour cela.
Par exemple:

<span style="color:orange;">Webmaster Hub</span>

Cette approche a le mérite de pouvoir simplifier la source des pages lorsque l'on définit ses styles dans une feuille externe.
Elle permet aussi une plus grande souplesse dans la mise en page de tout un site.

Imaginons que tous les titres <h1> d'un site soient définis comme ceci:

<h1 class="montitre">Votre titre ici</h1>

Et que la classe montitre soit:

h1.montitre { color:red;font-family:serif;font-size:16px; }

Tous les titres seront affichés en rouge.

Pour les passer tous en vert, ou en changer la taille ou la police, il suffit d'éditer cette classe pour que tous les titres <h1> du site soient modifiés.

h1.montitre { color:green;font-family:sans-serif;font-size:20px; }

Dan

[Olivier]

Salut Dan
Il ne manque plus que connaitre le noms des codes couleurs
Et vive les fds (feuilles de style)

[Coyote]

le code couleur #00000 n' est pas bon pour les feuille de style ?

[Monique]

Coyote, le jeudi 28 août 2003, 10:52, dit :

le code couleur #00000 n' est pas bon pour les feuille de style ?

Bonjour Coyote,

Je suis heureuse de te retrouver sur le Hub

A condition d'écrire #000000
Tu peux utiliser indifféremment le nom (toujours en anglais) ou le mode hexadécimal (toujours 6 valeurs).
Ce mode reconstitue la couleur désirée par rapport aux trois couleurs de bases Rouge, Vert et Bleu (valeurs RGB).

[Dan]

Monique, le jeudi 28 août 2003, 11:36, dit :

Tu peux utiliser indifféremment le nom (toujours en anglais) ou le mode hexadécimal (toujours 6 valeurs).

Salut Monique,

Les standards admettent un code hexa en 3 chiffres, exemple #FCE qui est équivalent à #FFCCEE, mais en plus court

Dan

[MrFab]

on rentre dans le touffu, là quand même. 5 ans d'animations de sites, des milliers de pages à mon actif et JAMAIS j'ai mis des hexa à 3 chiffres
Ca risque de perdre les débutants qui viennent sur le forum...

[Monique]

MrFab, le jeudi 28 août 2003, 13:58, dit :

Ca risque de perdre les débutants qui viennent sur le forum...

Oui, c'est pour cela que je ne n'ai pas parlé.
En fait, il n'y a pas si longtemps que j'ai découvert cette possibilité et je n'éprouve pas le besoin de changer mes habitudes.
Et comme ce sont le plus souvent les valeurs à 6 chiffres que l'on donne sur les différents sites...

[David Vincent]

Salut à tous

Il y a quelques temps, j'ai réalisé en html et javascript une sorte de mire des 216 couleurs présentées sous un aspect différent de celui qu'on connaît habituellement, avec un dégradé des couleurs et la possibilité de cliquer sur la couleur pour avoir sa valeur hexadécimale...

Rien d'extraordinaire non plus, mais si je retrouve ça dans mes archives, autant en faire profiter tout le monde

Pour info : vous rendez-vous compte que pour afficher la totalité des 16'777'216 couleurs (256^3), il faudrait une image carrée de 4'096 pixels de côté ?!

[Anonymus]

J'ai ca.. Je n'ai pas le nom de l'auteur, s'il se reconnait, je lui en suis reconnaissant, qu'il se manifeste, je lui rendrais hommage.
En attendant, qu'il m'excuse....

Fichier(s) joint(s)

•  couleurs.htm (28,88 Ko)
  Nombre de téléchargements : 1573

[Olivier]

Sur une page HTML celà peut donner ce joli arc en ciel, bien pratique mais il faudrait retrier les couleurs par couleur et non par code HTML, et là c'est plus difficile.

[Anonymus]

Ou en 3 dimensions ?? Genre hologramme !!

[Monique]

Bonsoir,

Je trouve celui-ci génial !
Il permet de déterminer une couleur de fond et ensuite de faire varier la couleur du texte. Celui qui choisi encore une association rendant la lecture pénible, voire impossible, est impardonnable !

[Olivier]

Il est bien ce Colorizer, les couleurs sont triès comme dans un planisphère.
Helàs le roll over avec la souris est imprecis,
Il aurait été plus judicieux de permettre le rollover avec la touch tab et jouer avec le focus.
Mais celà donne déjà une bonne idée et pense même m'en servir

[Pixame]

Et aussi celui là pour compléter la liste : http://www.france-we...r.com/color.php

Ce message a été modifié par NT Koncept - 09 novembre 2003 - 22:36.

[HadaDeLaluna]

Bonsoir,

celui là est carrément génial, il aide non seulement à trouver les codes mais aussi les harmonies qui vont bien...
http://www.pixy.cz/a...y/index-en.html

Très cordialement

[BZHcool]

Bonsoir,

Effectivement ton adresse est vraiment sympa et permet en un clin d'oeil de se donner une idée d'un futur design de site...

merci pour ce lien

[Fight]

Pour completer la liste, voici les deux que j'utilise :
http://traumwind.de/...colormatch.html
http://www.yoyodesig...ncolor8.html.en

[Luckyluk]

il y a aussi ce petit convertisseur rgb

http://www.ccim.be/c...re/codeRGB.html

[yannick]

Bonjour,

J'aime beaucoup le CHROMOWEB qui permet de faire des accords de couleurs sans trop de fausses notes...