Aller au contenu
Accueil » Code couleur html – Nuancier HTML – Couleur du Web

Code couleur html – Nuancier HTML – Couleur du Web

Temps de lecture : 7 minutes

Nuancier un code couleur HTML

Par Pierre Alouit :Les couleurs du web sont normalisées, ici un petit tableau des couleurs du web codées pour vos sites internet. Ces tableaux html ne sont pas exhaustifs, mais c’est un bon départ pour afficher des couleurs standards.
 
Les hommes préfèrent le bleu comme   Facebook  et  Twitter , les femmes préfèrent le mauve / fuchsia / rose comme www.ventesprivee.com
 

L’effet d’harmonie proprement dit ne se produit que lorsque toutes les couleurs sont utilisées de façon à s’équilibrer les unes les autres.Goethe, Traité des couleurs (1810)
Couleurs de baseCouleurs étenduesCouleurs sur mesures

 

Couleur web – Code couleur RVB

Ech.Nom HTMLTraductionRVB
aquaeau#00FFFF
blacknoir#000000
bluebleu#0000FF
fuchsiafuchsia#FF00FF
graygris#808080
greenvert#008000
limelime, citron vert#00FF00
maroonmarron#800000
navybleu marine#000080
olivevert olive#808000
purpleviolet#800080
redrouge#FF0000
silverargent#C0C0C0
tealsarcelle#008080
whiteblanc#FFFFFF
yellowjaune#FFFF00

 

Les couleurs hexadécimales sont les mots d’une langue visuelle, permettant à chaque nuance de raconter une histoire unique sur l’écran.Pierre Alouit
 

Couleur web hexa

Ech.Nom HTMLTraductionRVB
alicebluebleu Alice#F0F8FF
antiquewhiteblanc antique#FAEBD7
aquaeau#00FFFF
aquamarineaigue-marine#7FFFD4
azureazurin#F0FFFF
beigebeige#F5F5DC
bisquebisque#FFE4C4
blacknoir#000000
blanchedalmondamande blanchi#FFEBCD
bluebleu#0000FF
bluevioletparme bleuté#8A2BE2
brownbrun#A52A2A
burlywoodbois dur#DEB887
cadetbluepétrole clair#5F9EA0
chartreusevert chartreuse#7FFF00
chocolatechocolat#D2691E
coralcorail#FF7F50
cornflowerbluebleuet#6495ED
cornsilkjaune maïs doux#FFF8DC
crimsonpourpre#DC143C
cyancyan#00FFFF
darkbluebleu sombre#00008B
darkcyancyan sombre#008B8B
darkgoldenrodjaune paille sombre#B8860B
darkgraygris clair#A9A9A9
darkgreenvert sombre#006400
darkkhakikaki sombre#BDB76B
darkmagentamagenta sombre#8B008B
dark olive greenvert olive sombre#556B2F
dark orangeorange sombre#FF8C00
dark orchidorchidée sombre#9932CC
dark redrouge sombre#8B0000
dark salmonsaumon sombre#E9967A
dark sea greenvert océan sombre#8FBC8F
darks late bluebleu ardoise sombre#483D8B
darks late graygris ardoise sombre#2F4F4F
dark turquoiseturquoise sombre#00CED1
dark violetviolet sombre#9400D3
deep pinkrose profond#FF1493
deepskybluebleu ciel profond#00BFFF
dim graygris rabattu#696969
dodger blueBleu royal#1E90FF
fire brickrouge brique#B22222
floral whiteblanc floral#FFFAF0
forest greenvert forêt#228B22
fuchsiafuchsia#FF00FF
gainsboroGris granulé#DCDCDC
ghost whiteblanc spectral#F8F8FF
goldor#FFD700
golden rodjaune paille#DAA520
graygris#808080
greenvert#008000
green yellowjaune-vert#ADFF2F
honeydewmiellé#F0FFF0
hotpinkrose chaud#FF69B4
indianredrouge indien#CD5C5C
indigoindigo#4B0082
ivoryivoire#FFFFF0
khakikaki#F0E68C
lavenderlavande#E6E6FA
lavenderblushlavande rougeâtre#FFF0F5
lawngreenvert prairie#7CFC00
lemonchiffonJaune Citron#FFFACD
lightbluebleu clair#ADD8E6
lightcoralcorail clair#F08080
lightcyancyan clair#E0FFFF
lightgoldenrodyellowjaune paille clair#FAFAD2
lightgreenvert clair#90EE90
lightgreygris clair#D3D3D3
lightpinkrose clair#FFB6C1
lightsalmonsaumon clair#FFA07A
lightseagreenvert océan clair#20B2AA
lightskybluebleu ciel clair#87CEFA
lightslategraygris ardoise clair#778899
lightsteelbluebleu acier clair#B0C4DE
lightyellowjaune clair#FFFFE0
limecitron vert#00FF00
limegreencitron vert foncé#32CD32
linenblanc de lin#FAF0E6
magentamagenta#FF00FF
maroonmarron#800000
mediumaquamarineaigue-marine moyen#66CDAA
mediumbluebleu moyen#0000CD
mediumorchidorchidée moyen#BA55D3
mediumpurplelavande#9370DB
mediumseagreenvert océan moyen#3CB371
mediumslatebluebleu ardoise moyen#7B68EE
mediumspringgreenvert printemps moyen#00FA9A
mediumturquoiseturquoise moyen#48D1CC
mediumvioletredrouge violacé moyen#C71585
midnightbluebleu nuit#191970
mintcreamblanc mentholé#F5FFFA
mistyroserose voilé#FFE4E1
moccasinbeige mocassin#FFE4B5
navajowhiteblanc navarro#FFDEAD
navybleu marine#000080
oldlacevieux blanc#FDF5E6
olivevert olive#808000
olivedrabvert olive terne#6B8E23
orangeorange#FFA500
orangeredrouge orangé#FF4500
orchidorchidée#DA70D6
palegoldenrodjaune paille pâle#EEE8AA
palegreenvert pâle#98FB98
paleturquoiseturquoise pâle#AFEEEE
palevioletredrouge violacé pâle#DB7093
papayawhippapaye délavé#FFEFD5
peachpuffpêche passé#FFDAB9
perupérou#CD853F
pinkrose#FFC0CB
plumprune#DDA0DD
powderbluebleu poudré#B0E0E6
purpleviolet#800080
redrouge#FF0000
rosybrownbois de rose#BC8F8F
royalbluebleu roi#4169E1
saddlebrowncuir#8B4513
salmonsaumon#FA8072
sandybrownbrun sable#F4A460
seagreenvert océan#2E8B57
seashellcoquillage#FFF5EE
siennaterre-de-sienne#A0522D
silverargent#C0C0C0
skybluebleu ciel#87CEEB
slatebluebleu ardoise#6A5ACD
slategraygris ardoise#708090
snowblanc neigeux#FFFAFA
springgreenvert printemps#00FF7F
steelbluebleu acier#4682B4
tanbrun tané#D2B48C
tealsarcelle#008080
thistlechardon#D8BFD8
tomatorouge tomate#FF6347
turquoiseturquoise#40E0D0
violetparme#EE82EE
wheatblé#F5DEB3
whiteblanc#FFFFFF
whitesmokeblanc fumée#F5F5F5
yellowjaune#FFFF00
yellowgreenvert jaunâtre#9ACD32

 

Couleurs sur mesure, notre offre

Ce n’est qu’une affaire de mode, nos graphistes sont à votre disposition pour vous aider à choisir les couleurs les plus approchantes de vos chartes graphiques.

  • Laurent Marre graphiste spécialiste de documents institutionnels (Mairies, Collectivités, PME, PMI) depuis plusieurs décennies  vous accompagne pour une charte graphique en continuité avec vos documents papiers et vos prospectus quadri.
  • Un nouveau projet, Alexandre Alouit spécialiste du CSS vous guidera dans le choix et la jungle des web colors.
  • Votre serviteur, spécialiste du SEO et Formateur, je propose dans mes formations le bon usage des couleurs dans une page web.

 

La couleur ne nous a pas été donnée pour imiter la nature. Elle nous a été donnée pour que nous puissions exprimer nos émotions.Henri Matisse
 

En savoir plus (liens externes)

 
 

WordPress et le Design Web : Harmoniser Couleurs

Dans le monde dynamique du webdesign, WordPress se distingue comme un outil incontournable pour les créateurs de sites web, y compris les webdesigners chevronnés.

 
 

Importance de la Couleur dans le Webdesign

La couleur joue un rôle prépondérant dans la conception de sites web. Elle ne sert pas uniquement à embellir l’espace, mais aussi à transmettre des émotions, à définir l’identité de la marque et à guider les utilisateurs à travers le site.
 
Pour un webdesigner, la maîtrise de la palette de couleurs est essentielle pour créer des designs qui résonnent avec le public ciblé.

 
 Création de site web

Intégrer un Tableau de Couleurs dans WordPress

WordPress, grâce à sa flexibilité et à sa vaste sélection de thèmes et de plugins, permet aux designers de facilement intégrer un tableau de couleurs personnalisé dans leurs projets.
 
Que ce soit pour un site de photographe professionnel ou pour un portfolio digital, voici quelques conseils pour harmoniser couleurs et créativité sur WordPress :

  1. Choisissez un Thème Adaptable : Sélectionnez un thème WordPress qui s’aligne non seulement avec votre vision créative mais qui offre également la flexibilité nécessaire pour personnaliser les palettes de couleurs.
  2. Utilisez des Plugins de Personnalisation : Des plugins comme Elementor ou Beaver Builder permettent de personnaliser facilement les aspects visuels de votre site, y compris les couleurs, sans nécessiter de compétences en codage.
  3. Incorporez des Images de Haute Qualité : Vos photos de salons, expositions, et autres événements peuvent servir de base pour votre palette de couleurs. Utilisez des images de haute qualité pour inspirer et déterminer les couleurs dominantes de votre site.
  4. Attention à la Cohérence des Couleurs : Assurez-vous que votre palette de couleurs soit cohérente à travers toutes les pages de votre site pour maintenir une identité visuelle forte et reconnaissable.
  5. Testez la Lisibilité : L’utilisation de couleurs doit également prendre en compte la lisibilité du texte. Testez différentes combinaisons de couleurs de fond et de texte pour garantir une expérience utilisateur optimale.
  6. Inspirez-vous de la Nature et de l’Art : Pour les professionnels ayant un riche passé dans le reportage photo et la capture d’événements, laissez-vous inspirer par les couleurs et les motifs naturels ou ceux présents dans diverses formes d’art pour créer un site unique et mémorable.

 
 

Conclusion

Pour un webdesigner expérimenté, WordPress offre une toile idéale pour exprimer sa créativité et son expertise à travers des sites web esthétiquement plaisants et fonctionnels.
 
En intégrant un tableau de couleurs réfléchi et en suivant les meilleures pratiques de design web, vous pouvez créer des expériences utilisateurs enrichissantes et mémorables qui mettent en valeur votre travail photographique et votre sens esthétique unique.

 
 
 
 

Les commentaires sont fermés.