Aller au contenu
BZHcool

HTML et son Code Couleur

Noter ce sujet :

Recommended Posts

BZHcool    0

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Dan    133

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Coyote    0

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Monique    2
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 :rolleyes:

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).

Partager ce message


Lien à poster
Partager sur d’autres sites
Dan    133
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

Partager ce message


Lien à poster
Partager sur d’autres sites
MrFab    0

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...

Partager ce message


Lien à poster
Partager sur d’autres sites
Monique    2
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...

Partager ce message


Lien à poster
Partager sur d’autres sites

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 :lol:

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é ?!

Partager ce message


Lien à poster
Partager sur d’autres sites
Anonymus    0

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....

couleurs.htm

Partager ce message


Lien à poster
Partager sur d’autres sites
Monique    2

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 !

Partager ce message


Lien à poster
Partager sur d’autres sites
Olivier    0

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 :rolleyes:

Partager ce message


Lien à poster
Partager sur d’autres sites
BZHcool    0

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 ;)

Partager ce message


Lien à poster
Partager sur d’autres sites
yannick    0

Bonjour,

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Sebastien    0

Une methode pour avoir de belles couleurs, consiste aussi à "sampler" les couleurs de la nature, en echantillonant les couleur d'une photo avec un soft du style color picker : http://www.iconico.com/colorpic/

Les couleurs naturelles sont souvent moins flashy et l'oeil est habitué à ces harmonies

EDIT : example ici http://www.boxesandarrows.com/archives/nat...face_design.php

Modifié par Sebastien

Partager ce message


Lien à poster
Partager sur d’autres sites
alleanza    0

Bonjour, je voudrais savoir si quelqu'un connait le code couleur de la barre des taches bleue de windows XP. Je suis en train de faire les graphismes pour un site et j'aimerai reproduire exactement la meme couleur!

Merci beaucoup!

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

×