Introduktion til HTML-farvenavne

HTML-farvenavne er korrekt angivet i para. Farver er vigtige, ikke kun de bruges til at dekorere en webside, men i nogle tilfælde ønsker du måske at ændre tekstfarven for at give en bedre kontrast til sidebaggrunden. I betragtning af HTML er en skrevet i tekstform, kan du ikke bare farve koden til din smag og forvente, at webbrowseren bruger den samme farve, når du gengiver siden. I stedet skal du ty til at bruge tags og attributter for at fortælle browseren, hvilken farve der skal bruges.

Farver i HTML

I HTML-farvenavne kan farver betegnes ved hjælp af deres hex-værdi eller dets navn. HTML har understøttelse af de mest almindelige farver. I denne artikel deler jeg med dig 140 navne og hex-værdier for disse farver.

Én ting at huske er, at du ikke behøver at begrænse dig til disse farver, du kan bruge et hvilket som helst farvevælgerværktøj til at finde Hex-værdien af ​​enhver farve, du ønsker, og bruge den på din webside.

Brug af HTML-farvenavne

Implementering af farver på din webside er let og kan udføres både inline og via et separat CSS-stilark.

Når du skal bruge de samme HTML-farvenavne på en side flere gange, er det en bedre ide at bruge CSS-ark til at definere og indstille farver. Omvendt, hvis du kun skal bruge farve en eller to gange, betragtes anvendelse af inline-metoden som bedre.

1. Brug af 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. Implementering i CSS

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

Forskellige HTML-farvenavne

Nu hvor du ved, hvad HTML-farvenavne er, og hvordan du kan bruge dem på dine sider, her er et link til farvenavne, som du kan bogmærke og bruge i dine projekter:

1. Grå og sort HTML farvenavne

Grå og sorte farver er i de fleste tilfælde perfekte til tekstens farve på siden da disse farver har den bedste læsbarhed på hvid baggrund. En interessant ting at huske er, at moderne telefoner med OLED-skærme, der er gjort, har brug for enhver batterikraft for at få vist sort farve, hvis dit publikum skal være på mobil, det er en klog idé at bruge sort som baggrundsfarve og hvidt eller andet lys farver som forgrundsfarve.

KodeFarve
# 000000Sort
# 0C090ANat
# 2C3539Gunmetal
# 2B1B17Midnat
# 34282CTrækul
# 25383CMørk skifergrå
# 3B3131Olie
# 413.839Sort kat
# 3D3C3AIridium
# 463E3FSort ål
# 4C4646Sort ko
# 504A4BGrå Ulv
# 565.051Vampyrgrå
# 5C5858Grå delfin
# 625D5DCarbon Grey
# 666.362Ash Grey
# 6D6968Overskyet grå
# 726E6DSmokey Gray
# 736F6EGrå
# 837E7CGranit
# 848.482Slagskib Grå
# B6B6B4Grå sky
# D1D0CEGrå gås
# E5E4E2platin
# BCC6CCMetallisk sølv
# 98AFC7Blå grå
# 6D7B8DLys skifergrå
# 657.383Skifergrå
# 616D7EJet Gray

2. Blå HTML-farvenavne

Blå understreget tekst betragtes som et link, da det er standardlinkstilen for de fleste webbrowsere. Du skal undgå at bruge blåt til al tekst på en side, da besøgende kan forveksle det med hyperlinks.

# 646D7EMist blå
# 566D7EMarmorblå
# 737CA1Skifer blå
# 4863A0Stålblå
# 2B547EBlue Jay
# 2B3856Mørke skifer blå
# 151B54Midnight Blue
# 000080Marine blå
# 342D7EBlåhval
# 15317ELapis Blue
# 151B8DDenim mørkeblå
# 0000A0Jorden blå
# 0020C2Koboltblå
# 0041C2Blåbærblå
# 2554C7Safirblå
# 1569C7Blå øjne
# 2B60DEKongeblå
# 1F45FCBlue Orchid
# 6960ECBlue Lotus
# 736AFFLys skiferblå
# 357EC7Windows Blå
# 368BC1Glacial Blue Ice
# 488AC7Silkeblå
# 3090C7Blå vedbend
# 659EC7Blue Koi
# 87AFC7Columbia Blue
# 95B9C7Baby Blå
# 728FCELys stålblå
# 2B65ECOcean Blue
# 306EFFBlå bånd
# 157DECBlå kjole
# 1589FFDodger Blue
# 6495EDBlomsterblå
# 6698FFHimmelblå
# 38ACECSommerfuglblå
# 56A5ECIsbjerg
# 5CB3FFCrystal Blue
# 3BB9FFDeep Sky Blue
# 79BAECDenim Blue
# 82CAFALys himmelblå
# 82CAFFDay Sky Blue
# A0CFECJeans Blå
# B7CEECBlue Angel
# B4CFECPastel blå
# C2DFFFHavblå
# C6DEFFPulverblå
#AFDCECKoralblå
#ADDFFFLyseblå
#BDEDFFRobin Egg Blue
#CFECECBleg blå lilje
# E0FFFFLet Cyan
# EBF4FAVand
# F0F8FFAliceBlue
# F0FFFFAzure
#CCFFFFLet skifer
# 93FFE8Let akvamarin
# 9AFEFFElektrisk blå
# 7FFFD4akvamarin
# 00FFFFCyan eller Aqua
# 7DFDFETron Blue
# 57FEFFBlå zirkon
# 8EEBECBlå Lagune
# 50EBECCeleste
# 4EE2ECBlue Diamond
# 81D8D0Tiffany Blue
# 92C7C7Cyan uigennemsigtig
# 77BFC7Blue Hosta
# 78C7C7Nordlys Blå
# 48CCCDMedium turkis
# 43C6DBturkis
# 46C7C7Vandmand
# 7BCCB5Blågrøn

3. Grønne HTML-farver

På websteder, der er relateret til natur, penge, miljø osv., Kan Green være et godt valg af farve, der skal bruges som baggrund.

# 43BFC7Macaw Blue Green
# 3EA99FLys havgrøn
# 3B9C9CMørkt turkis
# 438D80Sea Turtle Green
# 348.781Medium akvamarin
# 307D7EGrønlig blå
# 5E7D7EGrålig turkis
# 4C787EBeetle Green
# 008080Teal
# 4E8975Havgrøn
# 78866BCamouflage Green
# 848b79Sage Green
# 617C58Hazel Green
# 728C00Venom Green
# 667C26Fern Green
# 254.117Dark Forest Green
# 306.754Medium Sea Green
# 347.235Medium skovgrøn
# 437C17Tanggrøn
# 387C44Pine Green
# 347C2CJungle Green
# 347C17Shamrock Green
# 348.017Medium Spring Green
# 4E9258Forest Green
# 6AA121Grønt løg
# 4AA02CSpring Green
# 41A317Lime grøn
# 3EA055Clover Green
# 6CBB3CGrøn slange
# 6CC417Alien Green
# 4CC417Grønt æble
# 52D017Gul grøn
# 4CC552Kelly Green
# 54C571Zombie Green
# 99C68EFrog Green
# 89C35CGrønne ærter
# 85BB65Dollar Bill Green
# 8BB381Dark Sea Green
# 9CB071Iguana Green
# B2C248Avocado Green
# 9DC209Pistache grøn
# A1C935Salatgrøn
# 7FE817Hummingbird Green
# 59E817Nebula Green
# 57E964Stoplight Go Green
# 64E986Alger grøn
# 5EFB6EJade Green
# 00FF00Grøn
# 5FFB17Smaragd grøn
# 87F717Græsplæne grøn
# 8AFB17Chartreuse
# 6AFB92Dragon Green
# 98FF98Mintgrøn
# B5EAAAGrøn tommelfinger
# C3FDB8Let Jade
# CCFB5DTe grøn
# B1FB17Grøn Gul
# BCE954Slime Green
# EDDA74Gyldenris
# EDE275Høst guld
# FFE87CSolgul

4. Gule HTML-farvenavne

Gul kan bruges til at indstille en ikke-seriøs stemning, vise kreativitet og optimisme på en side. Husk, at gult fungerer bedre som baggrund end en tekstfarve.

# FFFF00Gul
# FFF380Majsgul
# FFFFC2pergament
#FFFFCCFløde
# FFF8C6Lemon Chiffon
# FFF8DCCORNSiLK
# F5F5DCBeige
# FBF6D9Blond
# FAEBD7AntiqueWhite
# F7E7CEChampagne
#FFEBCDBlanchedAlmond
# F3E5ABvanilje
# ECE5B6Tan Brown
# FFE5B4Fersken
# FFDB58Sennep
# FFD801Gummi Ducky Yellow
# FDD017Lys guld
# EAC117gyldenbrun
# F2BB66Makaroni og ost
# FBB917safran
# FBB117Øl
# FFA62FMelon
# E9AB17Bee Yellow

5. Brun HTML-farver

Brun baggrund kan gøre det vanskeligt at læse den hvide eller sorte tekst, du kan ty til andre farver, der har god kontrast mod din brunbrun.

# E2A76FBrunt sukker
# DEB887BurlyWood
# FFCBA4Deep Peach
# C9BE62Ingefær Brown
# E8A317Skolebus gul
# EE9A4DSandy Brown
# C8B560Fall Leaf Brown
# D4A017Orange guld
# C2B280Sand
# C7A317Cookie Brown
# C68E17Karamel
# B5A642Messing
# ADA96Ekhaki
# C19A6BKamelbrun
# CD7F32Bronze
# C88141Tiger Orange
# C58917Kanel
# AF9B60Bullet Shell
# AF7817Dark Goldenrod
# B87333Kobber
# 966F33Træ
# 806.517Oak Brown
# 827.839Moccasin
# 827B60Army Brown
# 786D5FSandsten
# 493D26mokka
# 483C32Taupe
# 6F4E37Kaffe
# 835C3BBrun bjørn
# 7F5217Red Dirt
# 7F462CSepia

6. Orange HTML-farver

Orange fungerer godt til at fremhæve et punkt, når farven bruges som baggrund, og det kan fremkalde en følelse af entusiasme og varme uden at være for klæbrig.6. Orange HTML-farver

# C47451Orange laks
# C36241Rust
# C35817Rød ræv
# C85A17Chokolade
# CC6600Sedona
# E56717Papaya Orange
# E66C2CHalloween orange
# F87217Græskar Orange
# F87431Konstruktion kegle orange
# E67451Solopgang Orange
# FF8040Mango Orange
# F88017Mørk orange
# FF7F50Koral
# F88158Basket Ball Orange
# F9966BLet laks
# E78A61Tangerine
# E18B6BMørk laks
# E77471Let koral
# F75D59Bean Red
# E55451Valentine Red
# E55B3CChokerende orange

7. Røde HTML-farvekoder

For nogle browsere bruges rød understreget tekst som besøgte links, du skal undgå at bruge den til ikke at forvirre besøgende.

# FF0000Rød
# FF2400rød
# F62217Rubinrød
# F70D1AFerrari Red
# F62817Fire Engine Red
# E42217Lava Red
# E41B17Love Red
# DC381FGrapefrugt
# C34A2CKastantrød
# C24641Cherry Red
# C04000Mahogni
# C11B17Chili Pepper
# 9F000Ftranebær
# 990.012Rødvin
# 8C001ABourgogne
# 954.535kastanje
# 7E3517Blodrød
# 8A4117Sienna
# 7E3817Sangria
# 800.517firebrick
# 810.541Maroon
# 7D0541Plum Pie
# 7E354DVelvet Maroon
# 7D0552Blomme Velvet
# 7F4E52Rosy Finch
# 7F5A58Puce
# 7F525DDull Purple
# B38481Rosy Brown
# C5908EKhaki Rose

8. Lyserøde HTML-farvekoder

I henhold til farvevidenskab kan Pink og dets nuancer bruges, hvis du ønsker, at den besøgende skal have en følelse af selvtillid, raffinement og varme i deres underbevidsthed.

# C48189Pink Bow
# C48793Læbestift Pink
# E8ADAARose
# ECC5C0Rose guld
# EDC9AFØrkenssand
# FDD7E4Gris Pink
#FCDFFFCandyfloss
#FFDFDDPink Bubble Gum
# FBBBB9Misty Rose
#FAAFBELyserød
#FAAFBALyserød
# F9A7B0Flamingo Pink
# E7A1B0Pink Rose
# E799A3Pink Daisy
# E38AAECadillac Pink
# F778A1Nellik pink
# E56E94Rød rød
# F660ABHot pink
# FC6C85Vandmelon Pink
# F6358AViolet rød
# F52887Deep Pink
# E45E9DPink Cupcake
# E4287CPink Lemonade
# F535AANeon Pink
# FF00FFMagenta
# E3319DDimorphotheca Magenta
# F433FFLys Neon Pink
# D16587Blegviolet rød
# C25A7CTulip Pink
# CA226BMedium Violet Red
# C12869Rogue Pink
# C12267Brændt lyserød
# C25283Bashful Pink
# C12283Dark Carnation Pink
# B93B8FBlomme

9. Purple og hvid HTML farvekoder

Brug af hvid tekstfarve mod hvid baggrund vil gøre det ulæseligt for brugerne og bortset fra at ikke være brugervenligt, kan du få en SEO-straf for dit websted, således brug altid hvide og andre lyse farver mod mørk baggrund.

# 7E587EViola Purple
# 571B7EPurple Iris
# 583.759Blomme lilla
# 4B0082indigo
# 461B7EPurple Monster
# 4E387EPurple Haze
# 614.051Aubergine
# 5E5A80Grape
# 6A287EPurple Jam
# 7D1B7EDark Orchid
# A74AC7Lilla blomst
# B048B5Medium Orchid
# 6C2DC7Lilla ametyst
# 842DCEMørk violet
# 8D38C9Violet
# 7A5DC7Purple Sage Bush
# 7F38ECDejlig lilla
# 8E35EFLilla
# 893BFFAztech Purple
# 8467D7Medium lilla
# A23BECJasmine lilla
# B041FFLilla påskelilje
# C45AECTyrian Purple
# 9172ECCrocus Purple
# 9E7BFFLilla Mimosa
# D462FFHeliotrope lilla
# E238ECCrimson
# C38EC7Purple Dragon
# C8A2C8Lilac
# E6A9ECBlush Pink
# E0B0FFMauve
# C6AEC7Wisteria Purple
# F9B7FFBlossom Pink
# D2B9D3Thistle
# E9CFECPeriwinkle
# EBDDE2Lavendel Pinocchio
# E3E4FALavendelblå
# FDEEF4Perle
# FFF5EESeaShell
#FEFCFFMælk hvid
#FFFFFFhvid

Nogle mest brugte HTML-farvekoder

Dette er nogle af de populære farver, der bruges på nettet, jeg har lagt dem i en separat tabel, så disse hurtigt kan findes.

Rød# FF0000hvid#FFFFFF
Cyan# 00FFFFSølv# C0C0C0
Blå# 0000FFGrå eller grå# 808080
Mørkeblå# 0000A0Sort# 000000
Lyseblå# ADD8E6orange# FFA500
Lilla# 800080Brun# A52A2A
Gul# FFFF00Maroon# 800000
Citron# 00FF00Grøn# 008000
Magenta# FF00FFOliven# 808 tusind

Konklusion

Nu når du har hurtige henvisningstabeller over almindelige HTML-farver, skal du være i stand til at bruge en hvilken som helst farve, du ønsker på din side. Fra et kreativt synspunkt skal du undgå at bruge hårde farver, hvis du kan, og når du arbejder med forreste ende af webstedet, at holde baggrundsgrafik eller farver også er vigtig for at sikre korrekt kontrast.

Anbefalede artikler

Dette er en guide til HTML-farvenavne. Her diskuterer vi, hvordan man implementerer farver på en webside ved hjælp af forskellige HTML-farver med eksempler. Du kan også gennemgå vores andre foreslåede artikler for at lære mere–

  1. HTML-skrifttyper
  2. HTML-attributter
  3. HTML stilark
  4. Sådan fungerer HTML
  5. Farver i Matlab | Sådan ændres stilen i Matlab?