Noms de couleurs HTML - Comment implémenter des couleurs sur une page Web (exemples)

• Introduction aux noms de couleurs HTML

Introduction aux noms de couleurs HTML

Les noms de couleur HTML sont correctement indiqués dans le para. Les couleurs sont importantes, non seulement elles sont utilisées pour décorer une page Web, mais dans certains cas, vous souhaiterez peut-être modifier la couleur du texte pour offrir un meilleur contraste avec l'arrière-plan de la page. Étant donné que HTML est un texte écrit, vous ne pouvez pas simplement colorer le code à votre guise et vous attendre à ce que le navigateur Web utilise la même couleur lors du rendu de la page. Au lieu de cela, vous devrez recourir à l'utilisation de balises et d'attributs pour indiquer au navigateur la couleur à utiliser.

Couleurs en HTML

Dans les noms de couleurs HTML, les couleurs peuvent être indiquées en utilisant leur valeur hexadécimale ou son nom. HTML prend en charge les couleurs les plus courantes, dans cet article, je vais partager avec vous 140 noms et valeurs hexadécimales de ces couleurs.

Une chose à garder à l'esprit est que vous n'avez pas à vous limiter à ces couleurs, vous pouvez utiliser n'importe quel outil de sélection de couleurs pour trouver la valeur hexadécimale de la couleur que vous souhaitez et l'utiliser sur votre page Web.

Utilisation de noms de couleurs HTML

L'implémentation des couleurs sur votre page Web est facile et peut être effectuée à la fois en ligne et via une feuille de style CSS distincte.

Lorsque vous allez utiliser plusieurs fois les mêmes noms de couleurs HTML sur une page, il est préférable d'utiliser la feuille CSS pour définir et définir les couleurs. À l'inverse, si vous ne devez utiliser la couleur qu'une ou deux fois, il est préférable d'utiliser la méthode en ligne.

1. Utilisation de HTML Color Inline


Brown H3 Heading
Gainsboro colored paragraph text



Brown H3 Heading
Gainsboro colored paragraph text



Brown H3 Heading
Gainsboro colored paragraph text



Brown H3 Heading
Gainsboro colored paragraph text



Brown H3 Heading
Gainsboro colored paragraph text


2. Implémentation en CSS

h1 ( color: Brown; )
p ( color: Gainsboro; )

Différents noms de couleurs HTML

Maintenant que vous savez ce que sont les noms de couleurs HTML et comment les utiliser dans vos pages, voici un lien de noms de couleurs que vous pouvez mettre en signet et utiliser dans vos projets:

1. Noms de couleur HTML gris et noir

Les couleurs grises et noires sont, dans la plupart des cas, parfaites pour la couleur du texte de la page car sur un fond blanc ces couleurs ont la meilleure lisibilité. Une chose intéressante à garder à l'esprit est que les téléphones modernes dotés d'écrans OLED ont besoin de toute la puissance de la batterie pour afficher la couleur noire si votre public va être sur mobile, c'est une bonne idée d'utiliser le noir comme couleur de fond et le blanc ou une autre lumière couleurs comme couleur de premier plan.

Code	Couleur
# 000000	Noir
# 0C090A	Nuit
# 2C3539	Gunmetal
# 2B1B17	Minuit
# 34282C	charbon
# 25383C	Gris ardoise foncé
# 3B3131	Pétrole
# 413839	Chat noir
# 3D3C3A	Iridium
# 463E3F	Anguille noire
# 4C4646	Vache noire
# 504A4B	Loup gris
# 565051	Gris vampire
# 5C5858	Dauphin gris
# 625D5D	Gris carbone
# 666362	Gris cendre
# 6D6968	Gris nuageux
# 726E6D	Gris fumé
# 736F6E	gris
# 837E7C	Granit
# 848482	Cuirassé gris
# B6B6B4	Nuage gris
# D1D0CE	OIE grise
# E5E4E2	Platine
# BCC6CC	Argent métallique
# 98AFC7	Bleu-gris
# 6D7B8D	Gris ardoise clair
# 657383	Gris ardoise
# 616D7E	Gris jais

2. Noms de couleur HTML bleus

Le texte souligné en bleu est considéré comme un lien car il s'agit du style de lien par défaut pour la plupart des navigateurs Web, vous devez éviter d'utiliser du bleu pour tout le texte d'une page car les visiteurs peuvent le confondre avec des hyperliens.

# 646D7E	Bleu brume
# 566D7E	Bleu marbré
# 737CA1	Bleu ardoise
# 4863A0	Bleu acier
# 2B547E	Blue Jay
# 2B3856	Bleu ardoise foncé
# 151B54	Bleu nuit
# 000080	Bleu marin
# 342D7E	Baleine bleue
# 15317E	Lapis Blue
# 151B8D	Denim Dark Blue
# 0000A0	Bleu Terre
# 0020C2	Bleu cobalt
# 0041C2	Blueberry Blue
# 2554C7	Bleu saphir
# 1569C7	Yeux bleus
# 2B60DE	Bleu royal
# 1F45FC	Orchidée bleue
# 6960EC	Lotus bleu
# 736AFF	Bleu ardoise clair
# 357EC7	Windows Blue
# 368BC1	Glace bleue glaciaire
# 488AC7	Bleu soie
# 3090C7	Lierre bleu
# 659EC7	Blue Koi
# 87AFC7	Columbia Blue
# 95B9C7	Bleu bébé
# 728FCE	Bleu acier clair
# 2B65EC	Océan bleu
# 306EFF	Ruban bleu
# 157DEC	Robe bleue
# 1589FF	Dodger Blue
# 6495ED	Bleuet
# 6698FF	Bleu ciel
# 38ACEC	Butterfly Blue
# 56A5EC	Iceberg
# 5CB3FF	Cristal bleu
# 3BB9FF	Bleu ciel profond
# 79BAEC	Un jean bleu
# 82CAFA	Bleu ciel clair
# 82CAFF	Bleu ciel
# A0CFEC	Jeans Bleu
# B7CEEC	Ange bleu
# B4CFEC	Bleu pastel
# C2DFFF	Mer bleue
# C6DEFF	Poudre bleue
#AFDCEC	Bleu corail
#ADDFFF	Bleu clair
#BDEDFF	Robin Egg Blue
#CFECEC	Lily bleu pâle
# E0FFFF	Cyan clair
# EBF4FA	Eau
# F0F8FF	AliceBlue
# F0FFFF	bleu azur
#CCFFFF	Ardoise claire
# 93FFE8	Aigue-marine légère
# 9AFEFF	Bleu électrique
# 7FFFD4	Bleu vert
# 00FFFF	Cyan ou Aqua
# 7DFDFE	Bleu Tron
# 57FEFF	Zircon bleu
# 8EEBEC	Lagon bleu
# 50EBEC	Celeste
# 4EE2EC	Diamant bleu
# 81D8D0	Bleu Tiffany
# 92C7C7	Cyan opaque
# 77BFC7	Blue Hosta
# 78C7C7	Northern Lights Blue
# 48CCCD	Turquoise moyen
# 43C6DB	Turquoise
# 46C7C7	Méduse
# 7BCCB5	Bleu vert

3. Couleurs HTML vertes

Sur les sites liés à la nature, à l'argent, à l'environnement, etc., le vert peut être un bon choix de couleur à utiliser comme arrière-plan.

# 43BFC7	Ara bleu vert
# 3EA99F	Vert clair de mer
# 3B9C9C	Turquoise foncé
# 438D80	Tortue de mer verte
# 348781	Aigue-marine moyenne
# 307D7E	Bleu verdâtre
# 5E7D7E	Turquoise grisâtre
# 4C787E	Beetle Green
# 008080	Sarcelle
# 4E8975	Vert d'eau
# 78866B	Camouflage vert
# 848b79	Vert cendré
# 617C58	Vert noisette
# 728C00	Venin Green
# 667C26	Vert fougère
# 254117	Vert forêt foncé
# 306754	Vert océan moyen
# 347235	Vert forêt moyen
# 437C17	Algues vertes
# 387C44	Vert pin
# 347C2C	Vert jungle
# 347C17	Shamrock Green
# 348017	Vert printemps moyen
# 4E9258	Forêt verte
# 6AA121	Oignon vert
# 4AA02C	Vert printanier
# 41A317	Vert citron
# 3EA055	Vert trèfle
# 6CBB3C	Serpent vert
# 6CC417	Alien Green
# 4CC417	Pomme verte
# 52D017	Vert jaunâtre
# 4CC552	Kelly Green
# 54C571	Zombie Green
# 99C68E	Grenouille verte
# 89C35C	Pois verts
# 85BB65	Dollar Bill Green
# 8BB381	Vert mer foncé
# 9CB071	Vert Iguane
# B2C248	Vert avocat
# 9DC209	Vert pistache
# A1C935	Salade verte
# 7FE817	Colibri vert
# 59E817	Vert nébuleuse
# 57E964	Feu stop passe au vert
# 64E986	Vert algue
# 5EFB6E	Vert Jade
# 00FF00	vert
# 5FFB17	Vert émeraude
# 87F717	Vert gazon
# 8AFB17	Chartreuse
# 6AFB92	Dragon Green
# 98FF98	menthe verte
# B5EAAA	Pouce vert
# C3FDB8	Jade clair
# CCFB5D	Thé vert
# B1FB17	Vert jaune
# BCE954	Slime Green
# EDDA74	Verge d'or
# EDE275	Récolter l'or
# FFE87C	Jaune soleil

4. Noms de couleur HTML jaune

Le jaune peut être utilisé pour créer une humeur non sérieuse, faire preuve de créativité et d'optimisme dans une page. Gardez à l'esprit que le jaune fonctionne mieux comme fond que la couleur du texte.

# FFFF00	Jaune
# FFF380	Jaune maïs
# FFFFC2	Parchemin
#FFFFCC	Crème
# FFF8C6	Chiffon citron
# FFF8DC	Soie de maïs
# F5F5DC	Beige
# FBF6D9	Blond
# FAEBD7	Blanc antique
# F7E7CE	Champagne
#FFEBCD	Amande blanchie
# F3E5AB	Vanille
# ECE5B6	Marron clair
# FFE5B4	Pêche
# FFDB58	Moutarde
# FFD801	Rubber Ducky Yellow
# FDD017	Or brillant
# EAC117	brun doré
# F2BB66	Macaroni au fromage
# FBB917	Safran
# FBB117	Bière
# FFA62F	Cantaloup
# E9AB17	Abeille jaune

5. Couleurs HTML marron

Le fond brun peut rendre difficile la lecture du texte blanc ou noir, vous pouvez recourir à d'autres couleurs qui ont un bon contraste avec votre nuance de brun.

# E2A76F	Cassonade
# DEB887	Bois bohu
# FFCBA4	Pêche profonde
# C9BE62	Brun roux
# E8A317	Autobus scolaire jaune
# EE9A4D	Sandy Brown
# C8B560	Feuille d'automne marron
# D4A017	Orange or
# C2B280	Le sable
# C7A317	Cookie Brown
# C68E17	Caramel
# B5A642	Laiton
# ADA96E	Kaki
# C19A6B	Brun chameau
# CD7F32	Bronze
# C88141	Orange tigre
# C58917	Cannelle
# AF9B60	Enveloppe de balle
# AF7817	Verge d'or sombre
# B87333	Cuivre
# 966F33	Bois
# 806517	Chêne brun
# 827839	Mocassin
# 827B60	Brun armée
# 786D5F	Grès
# 493D26	Moka
# 483C32	Taupe
# 6F4E37	café
# 835C3B	Ours brun
# 7F5217	Red Dirt
# 7F462C	Sépia

6. Couleurs HTML orange

L'orange fonctionne très bien pour mettre en évidence un point lorsque la couleur est utilisée comme arrière-plan et il peut évoquer un sentiment d'enthousiasme et de chaleur sans être trop collant. Couleurs HTML orange

# C47451	Saumon à l'orange
# C36241	Rouille
# C35817	Renard rouge
# C85A17	Chocolat
# CC6600	Sedona
# E56717	Papaye orange
# E66C2C	Halloween Orange
# F87217	Orange citrouille
# F87431	Cône de construction orange
# E67451	Sunrise Orange
# FF8040	Orange mangue
# F88017	Orange sombre
# FF7F50	corail
# F88158	Basket Ball Orange
# F9966B	Saumon léger
# E78A61	Mandarine
# E18B6B	Saumon noir
# E77471	Corail clair
# F75D59	Bean Red
# E55451	Rouge Saint Valentin
# E55B3C	Orange choquant

7. Codes de couleur HTML rouge

Pour certains navigateurs, le texte souligné en rouge est utilisé comme liens visités, vous devez éviter de l'utiliser pour ne pas dérouter les visiteurs.

# FF0000	rouge
# FF2400	Écarlate
# F62217	Rouge rubis
# F70D1A	Ferrari Red
# F62817	Fire Engine Red
# E42217	Rouge lave
# E41B17	Love Red
# DC381F	Pamplemousse
# C34A2C	Rouge châtaigne
# C24641	Rouge cerise
# C04000	Acajou
# C11B17	Piment
# 9F000F	Canneberge
# 990012	Vin rouge
# 8C001A	Bourgogne
# 954535	châtaigne
# 7E3517	Rouge sang
# 8A4117	Terre de sienne
# 7E3817	Sangria
# 800517	Brique réfractaire
# 810541	Bordeaux
# 7D0541	Tarte aux prunes
# 7E354D	Velours marron
# 7D0552	Velours prune
# 7F4E52	Rosy Finch
# 7F5A58	Puce
# 7F525D	Violet terne
# B38481	Rosy Brown
# C5908E	Kaki Rose

8. Codes couleur HTML rose

Selon la science des couleurs, le rose et ses nuances peuvent être utilisés si vous voulez que le visiteur ait un sentiment de confiance, de sophistication et de chaleur dans son subconscient.

# C48189	Arc rose
# C48793	Rouge à lèvres rose
# E8ADAA	Rose
# ECC5C0	Or rose
# EDC9AF	Désert de sable
# FDD7E4	Cochon Rose
#FCDFFF	Barbe à papa
#FFDFDD	Pink Bubble Gum
# FBBBB9	Rose brumeuse
#FAAFBE	Rose
#FAAFBA	Rose clair
# F9A7B0	Flamingo Pink
# E7A1B0	Rose rose
# E799A3	Marguerite rose
# E38AAE	Cadillac Pink
# F778A1	Rose oeillet
# E56E94	Blush Red
# F660AB	Rose vif
# FC6C85	Pastèque Rose
# F6358A	Violet rouge
# F52887	Rose profond
# E45E9D	Cupcake rose
# E4287C	Limonade rose
# F535AA	Rose néon
# FF00FF	Magenta
# E3319D	Dimorphotheca Magenta
# F433FF	Rose fluo brillant
# D16587	Violet pâle rouge
# C25A7C	Rose tulipe
# CA226B	Violet moyen rouge
# C12869	Rose voyou
# C12267	Rose brûlé
# C25283	Rose timide
# C12283	Oeillet rose foncé
# B93B8F	prune

9. Codes couleur HTML violet et blanc

L'utilisation de la couleur du texte blanc sur fond blanc le rendra illisible par les utilisateurs et en plus de ne pas être convivial, vous pourriez obtenir une pénalité SEO pour votre site, utilisez donc toujours du blanc et d'autres couleurs claires sur des fonds sombres.

# 7E587E	Viola Purple
# 571B7E	Iris violet
# 583759	Violet prune
# 4B0082	Indigo
# 461B7E	Monstre violet
# 4E387E	Purple Haze
# 614051	Aubergine
# 5E5A80	Grain de raisin
# 6A287E	Confiture violette
# 7D1B7E	Orchidée noire
# A74AC7	Fleur mauve
# B048B5	Orchidée moyenne
# 6C2DC7	Améthyste violette
# 842DCE	Violet foncé
# 8D38C9	Violet
# 7A5DC7	Buisson de sauge pourpre
# 7F38EC	Lovely Purple
# 8E35EF	Violet
# 893BFF	Aztech Purple
# 8467D7	Violet moyen
# A23BEC	Violet Jasmin
# B041FF	Jonquille violette
# C45AEC	Tyrian Purple
# 9172EC	Crocus Purple
# 9E7BFF	Mimosa pourpre
# D462FF	Héliotrope Violet
# E238EC	cramoisi
# C38EC7	Dragon pourpre
# C8A2C8	Lilas
# E6A9EC	Rose pâle
# E0B0FF	Mauve
# C6AEC7	Violet glycine
# F9B7FF	Rose fleur
# D2B9D3	Chardon
# E9CFEC	Pervenche
# EBDDE2	Lavande Pinocchio
# E3E4FA	Bleu lavande
# FDEEF4	perle
# FFF5EE	SeaShell
#FEFCFF	Blanc lait
#FFFFFF	blanc

Quelques codes couleur HTML les plus utilisés

Ce sont quelques-unes des couleurs populaires utilisées sur le Web, je les ai mises dans un tableau séparé afin qu'elles puissent être trouvées rapidement.

rouge	# FF0000	blanc	#FFFFFF
Cyan	# 00FFFF	argent	# C0C0C0
Bleu	# 0000FF	Gris ou gris	# 808080
Bleu foncé	# 0000A0	Noir	# 000000
Bleu clair	# ADD8E6	Orange	# FFA500
Violet	# 800080	marron	# A52A2A
Jaune	# FFFF00	Bordeaux	# 800000
Citron vert	# 00FF00	vert	# 008000
Magenta	# FF00FF	olive	# 808000

Conclusion

Maintenant que vous disposez de tableaux de référence rapide des couleurs HTML courantes, vous devriez pouvoir utiliser la couleur de votre choix sur votre page. D'un point de vue créatif, vous devez éviter d'utiliser des couleurs dures si vous le pouvez et lorsque vous travaillez avec l'extrémité avant du site, il est également important de conserver les graphiques ou les couleurs d'arrière-plan pour assurer un contraste approprié.

Articles recommandés

Ceci est un guide des noms de couleurs HTML. Nous discutons ici comment implémenter des couleurs sur une page Web en utilisant différentes couleurs HTML avec des exemples. Vous pouvez également consulter nos autres articles suggérés pour en savoir plus–

1. Styles de polices HTML
2. Attributs HTML
3. Feuilles de style HTML
4. Comment fonctionne HTML
5. Couleurs dans Matlab | Comment changer le style dans Matlab?