Aller au contenu


Photo
- - - - -

HTML et son Code Couleur


  • Veuillez vous connecter pour répondre
42 réponses à ce sujet

#1 BZHcool

BZHcool
  • Membre
  • 808 messages

  • Inscrit(e) : 19-août 03
  • Genre:Homme
  • Localisation:Bretagne (Vannes)

Posté 23 août 2003 - 00:00

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
  • 0
Seb

www.charpentes-armoricaines.com - Les Charpentes Armoricaines... Maison Ossature Bois, Terrasse Bois, Charpentes Maisons...
Déménagements Le Bail à Vannes - La plus ancienne entreprise de Déménagements de Bretagne...
Location-vacances-erdeven.com - Location de Vacances à Erdeven-Etel en Bretagne...

#2 Dan

Dan

    Webmaster

  • Direction
  • 24 668 messages

  • Inscrit(e) : 18-août 03
  • Genre:Homme
  • Localisation:St Anne, Alderney
  • Société:Webmaster Hub Ltd.

Posté 24 août 2003 - 12:15

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
  • 0
La théorie, c'est quand on sait tout et que rien ne fonctionne. La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi.
Si la pratique et la théorie sont réunies, rien ne fonctionne et on ne sait pas pourquoi. - Albert Einstein -
Infogérance de serveurs dédiés OVH

#3 Olivier

Olivier
  • Hubmaster
  • 276 messages

  • Inscrit(e) : 19-août 03
  • Genre:Homme

Posté 24 août 2003 - 12:42

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

#4 Coyote

Coyote

    Gardien du Chat

  • Membre
  • 301 messages

  • Inscrit(e) : 27-août 03
  • Genre:Homme
  • Localisation:paris
  • Société:sarl Gala 45

Posté 28 août 2003 - 09:52

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

#5 Monique

Monique

    Le Web à tous

  • Hubmaster
  • 3 952 messages

  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 28 août 2003 - 10:36

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).
  • 0
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web

#6 Dan

Dan

    Webmaster

  • Direction
  • 24 668 messages

  • Inscrit(e) : 18-août 03
  • Genre:Homme
  • Localisation:St Anne, Alderney
  • Société:Webmaster Hub Ltd.

Posté 28 août 2003 - 11:47

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
  • 0
La théorie, c'est quand on sait tout et que rien ne fonctionne. La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi.
Si la pratique et la théorie sont réunies, rien ne fonctionne et on ne sait pas pourquoi. - Albert Einstein -
Infogérance de serveurs dédiés OVH

#7 MrFab

MrFab
  • Membre
  • 107 messages

  • Inscrit(e) : 26-août 03
  • Localisation:Lille
  • Société:madmoiZele.com

Posté 28 août 2003 - 12:58

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...
  • 0
madmoiZelle.com "je ne suis pas celle que vous croyez"
Futur Papa, le livre, 9 mois de future paternité - sortie le 11 janvier 2007 - L'acheter sur amazon.fr

#8 Monique

Monique

    Le Web à tous

  • Hubmaster
  • 3 952 messages

  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 28 août 2003 - 17:55

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...
  • 0
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web

#9 David Vincent

David Vincent
  • Membre
  • 16 messages

  • Inscrit(e) : 01-septembre 03

Posté 05 septembre 2003 - 14:23

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é ?!
  • 0
David Vincent
Music by John Williams
http://musicby.jw-music.net

#10 Anonymus

Anonymus
  • Hubmaster
  • 5 140 messages

  • Inscrit(e) : 26-août 03
  • Genre:Homme
  • Localisation:Normandie.. (pas loin de Paris)
  • Société:L'atelier des Chefs

Posté 05 septembre 2003 - 20:40

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)


  • 0

#11 Olivier

Olivier
  • Hubmaster
  • 276 messages

  • Inscrit(e) : 19-août 03
  • Genre:Homme

Posté 05 septembre 2003 - 21:29

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

#12 Anonymus

Anonymus
  • Hubmaster
  • 5 140 messages

  • Inscrit(e) : 26-août 03
  • Genre:Homme
  • Localisation:Normandie.. (pas loin de Paris)
  • Société:L'atelier des Chefs

Posté 05 septembre 2003 - 21:47

Ou en 3 dimensions ?? Genre hologramme !!
  • 0

#13 Monique

Monique

    Le Web à tous

  • Hubmaster
  • 3 952 messages

  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 05 septembre 2003 - 21:58

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 !
  • 0
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web

#14 Olivier

Olivier
  • Hubmaster
  • 276 messages

  • Inscrit(e) : 19-août 03
  • Genre:Homme

Posté 05 septembre 2003 - 22:24

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:
  • 0

#15 Pixame

Pixame
  • Hubmaster
  • 270 messages

  • Inscrit(e) : 07-novembre 03
  • Genre:Homme
  • Localisation:Les Clayes-sous-Bois

Posté 09 novembre 2003 - 22:20

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

Modifié par NT Koncept, 09 novembre 2003 - 22:36.

  • 0

#16 HadaDeLaluna

HadaDeLaluna
  • Membre
  • 34 messages

  • Inscrit(e) : 24-octobre 03

Posté 23 novembre 2003 - 23:36

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 :D
  • 0

#17 BZHcool

BZHcool
  • Membre
  • 808 messages

  • Inscrit(e) : 19-août 03
  • Genre:Homme
  • Localisation:Bretagne (Vannes)

Posté 23 novembre 2003 - 23:40

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 ;)
  • 0
Seb

www.charpentes-armoricaines.com - Les Charpentes Armoricaines... Maison Ossature Bois, Terrasse Bois, Charpentes Maisons...
Déménagements Le Bail à Vannes - La plus ancienne entreprise de Déménagements de Bretagne...
Location-vacances-erdeven.com - Location de Vacances à Erdeven-Etel en Bretagne...

#18 Fight

Fight
  • Webmaster Régulier
  • 87 messages

  • Inscrit(e) : 02-novembre 03

Posté 24 novembre 2003 - 10:50

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

#19 Luckyluk

Luckyluk
  • Fondateur
  • 888 messages

  • Inscrit(e) : 19-août 03
  • Genre:Homme
  • Localisation:valenciennes
  • Société:DYNAMISME

Posté 24 novembre 2003 - 11:21

il y a aussi ce petit convertisseur rgb

http://www.ccim.be/c...re/codeRGB.html
  • 0
luc henrard

la cloture en beton imitation bois en remplacement d une cloture en beton traditionnel
cloture robusto: une clôture en béton qui ressemble à une clôture bois fabriqué par clotures imagine le spécialiste des clotures en béton esthétique

#20 yannick

yannick
  • Membre
  • 40 messages

  • Inscrit(e) : 27-septembre 03
  • Genre:Homme
  • Localisation:Clermont-Ferrand (Auvergne)
  • Société:REFERENCEMENT MANUEL

Posté 24 novembre 2003 - 11:34

Bonjour,

J'aime beaucoup le CHROMOWEB qui permet de faire des accords de couleurs sans trop de fausses notes...
  • 0
Yannick B.B.
Créateur de visibilité
www.referencement-manuel.com




0 utilisateur(s) lisant ce sujet

0 membre(s), 0 invité(s), 0 utilisateur anonyme

experts referencement   Seo .fr