Introduksjon til HTML fargenavn
HTML-fargenavnene er korrekt angitt i para. Farger er viktige, ikke bare brukes de til å dekorere en webside, men i noen tilfeller kan det være lurt å endre tekstfargen for å gi en bedre kontrast mot sidebakgrunnen. Tatt i betraktning HTML er en skrevet i tekstform, kan du ikke bare farge koden etter din smak og forvente at nettleseren bruker samme farge når du gjengir siden. I stedet må du ta til bruk av koder og attributter for å fortelle nettleseren hvilken farge du vil bruke.
Farger i HTML
I HTML-fargenavn kan farger betegnes ved å bruke sin sekskantverdi eller navnet. HTML har støtte for de fleste vanlige farger. I denne artikkelen vil jeg dele med deg 140 navn og hexverdier på disse fargene.
Én ting å huske er at du ikke trenger å begrense deg til disse fargene. Du kan bruke hvilket som helst fargevalgverktøy for å finne Hex-verdien på hvilken som helst farge du ønsker og bruke den på websiden din.
Bruker HTML fargenavn
Det er enkelt å implementere farger på hjemmesiden din og kan gjøres både på nettet og via et eget CSS-stilark.
Når du skal bruke de samme HTML-fargenavnene på en side flere ganger, er det en bedre ide å bruke CSS-ark til å definere og angi farger. Motsatt, hvis du bare trenger å bruke farge en eller to ganger, anses inline-metoden som bedre.
1. Bruke 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
Brown H3 Heading
Gainsboro colored paragraph text
2. Implementering i CSS
h1 ( color: Brown; )
p ( color: Gainsboro; )
Ulike HTML fargenavn
Nå som du vet hva HTML fargenavn er og hvordan du kan bruke dem på sidene dine, her er en lenke til fargenavn som du kan bokmerke og bruke i prosjektene dine:
1. Grå og svart HTML fargenavn
Grå og svarte farger er, i de fleste tilfeller perfekte for tekstfargen på siden, da disse fargene har en hvit bakgrunn som har best lesbarhet. En interessant ting å huske på er at moderne telefoner med OLED-skjermer som er gjort, trenger batteristrøm for å vise svart farge hvis publikum skal være på mobil, det er en klok idé å bruke svart som bakgrunnsfarge og hvitt eller annet lys farger som forgrunnsfarge.
| Kode | Farge |
| # 000000 | Svart |
| # 0C090A | Natt |
| # 2C3539 | Gunmetal |
| # 2B1B17 | Midnatt |
| # 34282C | Kull |
| # 25383C | Mørk skifergrå |
| # 3B3131 | Olje |
| # 413839 | Svart katt |
| # 3D3C3A | Iridium |
| # 463E3F | Svart ål |
| # 4C4646 | Svart ku |
| # 504A4B | Grå ulv |
| # 565051 | Vampyrgrå |
| # 5C5858 | Grå delfin |
| # 625D5D | Karbongrå |
| # 666362 | Askegrå |
| # 6D6968 | Skyet grått |
| # 726E6D | Smokey Grey |
| # 736F6E | Grå |
| # 837E7C | Granitt |
| # 848482 | Battleship Grey |
| # B6B6B4 | Grå sky |
| # D1D0CE | Grågås |
| # E5E4E2 | platina |
| # BCC6CC | Metallisk sølv |
| # 98AFC7 | Blå grå |
| # 6D7B8D | Lys skifer grå |
| # 657383 | Skifergrå |
| # 616D7E | Jet Grey |
2. Blå HTML fargenavn
Blå understreket tekst blir betraktet som en lenke, ettersom den er standard lenestil for de fleste nettlesere. Du bør unngå å bruke blå for all tekst på en side, da besøkende kan ta feil av hyperkoblinger.
| # 646D7E | Mist Blue |
| # 566D7E | Marmorblått |
| # 737CA1 | Skifer blå |
| # 4863A0 | Stålblå |
| # 2B547E | Blue Jay |
| # 2B3856 | Mørk skifer blå |
| # 151B54 | Midnatt blå |
| # 000080 | Marineblå |
| # 342D7E | Blåhval |
| # 15317E | Lapis Blue |
| # 151B8D | Denim mørkeblå |
| # 0000A0 | Jordblå |
| # 0020C2 | Koboltblå |
| # 0041C2 | Blåbærblått |
| # 2554C7 | Safirblå |
| # 1569C7 | Blå øyne |
| # 2B60DE | Kongeblå |
| # 1F45FC | Blue Orchid |
| # 6960EC | Blue Lotus |
| # 736AFF | Lys skifer blå |
| # 357EC7 | Windows Blue |
| # 368BC1 | Isblå is |
| # 488AC7 | Silkeblått |
| # 3090C7 | Blue Ivy |
| # 659EC7 | Blue Koi |
| # 87AFC7 | Columbia Blue |
| # 95B9C7 | Baby blå |
| # 728FCE | Lys stålblå |
| # 2B65EC | Ocean Blue |
| # 306EFF | Blå sløyfe |
| # 157DEC | Blå kjole |
| # 1589FF | Dodger Blue |
| # 6495ED | Blomsterblå |
| # 6698FF | Himmelblå |
| # 38ACEC | Sommerfuglblå |
| # 56A5EC | Isfjell |
| # 5CB3FF | Krystallblå |
| # 3BB9FF | Deep Sky Blue |
| # 79BAEC | Denim Blue |
| # 82CAFA | Lys himmelblå |
| # 82CAFF | Day Sky Blue |
| # A0CFEC | Jeansblå |
| # B7CEEC | Blå engel |
| # B4CFEC | Pastellblå |
| # C2DFFF | Sjøblå |
| # C6DEFF | Pulver blå |
| #AFDCEC | Korallblått |
| #ADDFFF | Lyse blå |
| #BDEDFF | Robin Egg Blue |
| #CFECEC | Blek blå lilje |
| # E0FFFF | Lett Cyan |
| # EBF4FA | Vann |
| # F0F8FF | AliceBlue |
| # F0FFFF | Azure |
| #CCFFFF | Lys skifer |
| # 93FFE8 | Lett akvamarin |
| # 9AFEFF | Elektrisk blå |
| # 7FFFD4 | akvamarin |
| # 00FFFF | Cyan eller Aqua |
| # 7DFDFE | Tron Blue |
| # 57FEFF | Blå sirkon |
| # 8EEBEC | Blå lagune |
| # 50EBEC | celeste |
| # 4EE2EC | Blue Diamond |
| # 81D8D0 | Tiffany Blue |
| # 92C7C7 | Cyan ugjennomsiktig |
| # 77BFC7 | Blue Hosta |
| # 78C7C7 | Nordlys Blå |
| # 48CCCD | Medium turkis |
| # 43C6DB | turkis |
| # 46C7C7 | Manet |
| # 7BCCB5 | Blå grønn |
3. Grønne HTML-farger
På nettsteder relatert til natur, penger, miljø osv., Kan Green være et godt valg av farger å bruke som bakgrunn.
| # 43BFC7 | Macaw Blue Green |
| # 3EA99F | Lys sjøgrønn |
| # 3B9C9C | Mørkt turkis |
| # 438D80 | Sea Turtle Green |
| # 348781 | Middels akvamarin |
| # 307D7E | Grønnblå |
| # 5E7D7E | Gråaktig turkis |
| # 4C787E | Beetle Green |
| # 008080 | Blågrønn |
| # 4E8975 | Sjøgrønn |
| # 78866B | Camouflage Green |
| # 848b79 | Sage Green |
| # 617C58 | Hazel Green |
| # 728C00 | Venom Green |
| # 667C26 | Fern Green |
| # 254117 | Dark Forest Green |
| # 306754 | Medium Sea Green |
| # 347235 | Medium skoggrønn |
| # 437C17 | Tanggrønn |
| # 387C44 | Pine Green |
| # 347C2C | Jungle Green |
| # 347C17 | Shamrock Green |
| # 348017 | Medium vårgrønn |
| # 4E9258 | Skoggrønn |
| # 6AA121 | Grønn løk |
| # 4AA02C | Spring Green |
| # 41A317 | Lime grønn |
| # 3EA055 | Clover Green |
| # 6CBB3C | Grønn slange |
| # 6CC417 | Alien Green |
| # 4CC417 | Grønt eple |
| # 52D017 | Gul-grønn |
| # 4CC552 | Kelly Green |
| # 54C571 | Zombie Green |
| # 99C68E | Froskegrønn |
| # 89C35C | Grønne erter |
| # 85BB65 | Dollar Bill Green |
| # 8BB381 | Dark Sea Green |
| # 9CB071 | Iguana Green |
| # B2C248 | Avokado Green |
| # 9DC209 | Pistasjgrønn |
| # A1C935 | Salatgrønn |
| # 7FE817 | Hummingbird Green |
| # 59E817 | Nebula Green |
| # 57E964 | Stoplight Go Green |
| # 64E986 | Alger grønt |
| # 5EFB6E | Jade Green |
| # 00FF00 | Grønn |
| # 5FFB17 | Smaragd grønn |
| # 87F717 | Lawn Green |
| # 8AFB17 | chartreuse |
| # 6AFB92 | Dragon Green |
| # 98FF98 | mintgrønn |
| # B5EAAA | Grønn tommel |
| # C3FDB8 | Lys Jade |
| # CCFB5D | Te grønt |
| # B1FB17 | Grønn gul |
| # BCE954 | Slime Green |
| # EDDA74 | oker |
| # EDE275 | Høst gull |
| # FFE87C | Solgul |
4. Gule HTML fargenavn
Gult kan brukes til å sette en ikke-alvorlig stemning, vise kreativitet og optimisme på en side. Husk at gult fungerer bedre som bakgrunn enn en tekstfarge.
| # FFFF00 | Gul |
| # FFF380 | Corn Yellow |
| # FFFFC2 | Parchment |
| #FFFFCC | Krem |
| # FFF8C6 | Sitron Chiffon |
| # FFF8DC | Mais silke |
| # F5F5DC | Beige |
| # FBF6D9 | Blond |
| # FAEBD7 | AntiqueWhite |
| # F7E7CE | Champagne |
| #FFEBCD | BlanchedAlmond |
| # F3E5AB | vanilje |
| # ECE5B6 | Tan Brown |
| # FFE5B4 | Fersken |
| # FFDB58 | Sennep |
| # FFD801 | Gummi Ducky Yellow |
| # FDD017 | Bright Gold |
| # EAC117 | gyllen brun |
| # F2BB66 | Makaroni og ost |
| # FBB917 | safran |
| # FBB117 | Øl |
| # FFA62F | cantaloupe |
| # E9AB17 | Bee Yellow |
5. Brune HTML-farger
Brun bakgrunn kan gjøre det vanskelig å lese den hvite eller svarte teksten, du kan ty til andre farger som har god kontrast mot din brunfarge.
| # E2A76F | Brunt sukker |
| # DEB887 | BurlyWood |
| # FFCBA4 | Deep Peach |
| # C9BE62 | Ginger Brown |
| # E8A317 | Skolebuss gul |
| # EE9A4D | Sandy Brown |
| # C8B560 | Fall Leaf Brown |
| # D4A017 | Oransje gull |
| # C2B280 | Sand |
| # C7A317 | Cookie Brown |
| # C68E17 | karamell |
| # B5A642 | Messing |
| # ADA96E | khaki |
| # C19A6B | Kamelbrun |
| # CD7F32 | Bronse |
| # C88141 | Tiger Orange |
| # C58917 | Kanel |
| # AF9B60 | Bullet Shell |
| # AF7817 | Mørk Goldenrod |
| # B87333 | Kobber |
| # 966F33 | Tre |
| # 806517 | Eikebrun |
| # 827839 | Moccasin |
| # 827B60 | Army Brown |
| # 786D5F | sandstein |
| # 493D26 | Mocha |
| # 483C32 | taupe |
| # 6F4E37 | Kaffe |
| # 835C3B | Brunbjørn |
| # 7F5217 | Red Dirt |
| # 7F462C | Sepia |
6. Oransje HTML-farger
Orange fungerer utmerket for å fremheve et punkt når fargen brukes som bakgrunn, og det kan vekke følelse av entusiasme og varme uten å være for klissete.6. Oransje HTML-farger
| # C47451 | Oransje laks |
| # C36241 | Rust |
| # C35817 | Rødrev |
| # C85A17 | Sjokolade |
| # CC6600 | Sedona |
| # E56717 | Papaya Orange |
| # E66C2C | Halloween oransje |
| # F87217 | Gresskar Orange |
| # F87431 | Konstruksjon Cone Orange |
| # E67451 | Soloppgang Orange |
| # FF8040 | Mango Orange |
| # F88017 | Mørk oransje |
| # FF7F50 | Korall |
| # F88158 | Basket Ball Orange |
| # F9966B | Lett laks |
| # E78A61 | Tangerine |
| # E18B6B | Mørk laks |
| # E77471 | Lett korall |
| # F75D59 | Bønnerød |
| # E55451 | Valentine Red |
| # E55B3C | Sjokkerende oransje |
7. Røde HTML-fargekoder
For noen nettlesere brukes rød understreket tekst som besøkte lenker, du bør unngå å bruke den for ikke å forvirre de besøkende.
| # FF0000 | rød |
| # FF2400 | Scarlet |
| # F62217 | Rubinrød |
| # F70D1A | Ferrari Red |
| # F62817 | Brannbil Rød |
| # E42217 | Lava Red |
| # E41B17 | Elsker rødt |
| # DC381F | Grapefrukt |
| # C34A2C | Kastanje rød |
| # C24641 | Kirsebær rød |
| # C04000 | Mahogany |
| # C11B17 | Chilli Pepper |
| # 9F000F | Tranebær |
| # 990012 | Rødvin |
| # 8C001A | burgunder |
| # 954535 | kastanje |
| # 7E3517 | Blod rød |
| # 8A4117 | Sienna |
| # 7E3817 | sangria |
| # 800517 | Firebrick |
| # 810541 | Maroon |
| # 7D0541 | Plum Pie |
| # 7E354D | Fløyelsrødbrun |
| # 7D0552 | Plum Velvet |
| # 7F4E52 | Rosy Finch |
| # 7F5A58 | Puce |
| # 7F525D | Dull Lilla |
| # B38481 | Rosy Brown |
| # C5908E | Khaki Rose |
8. Rosa HTML-fargekoder
I følge fargevitenskap kan Pink og dets nyanser brukes hvis du vil at besøkende skal ha en følelse av selvtillit, raffinement og varme i underbevisstheten deres.
| # C48189 | Pink Bow |
| # C48793 | Leppestift rosa |
| # E8ADAA | Rose |
| # ECC5C0 | Rose gull |
| # EDC9AF | Ørkenssand |
| # FDD7E4 | Grisrosa |
| #FCDFFF | Sukkerspinn |
| #FFDFDD | Pink Bubble Gum |
| # FBBBB9 | Misty Rose |
| #FAAFBE | Rosa |
| #FAAFBA | Lyserosa |
| # F9A7B0 | Flamingo Pink |
| # E7A1B0 | Pink Rose |
| # E799A3 | Pink Daisy |
| # E38AAE | Cadillac Pink |
| # F778A1 | Nellik rosa |
| # E56E94 | Rød rød |
| # F660AB | Hot Pink |
| # FC6C85 | Vannmelon Pink |
| # F6358A | Fiolett rød |
| # F52887 | Dyp rosa |
| # E45E9D | Pink Cupcake |
| # E4287C | Rosa limonade |
| # F535AA | Neon Pink |
| # FF00FF | Magenta |
| # E3319D | Dimorphotheca Magenta |
| # F433FF | Bright Neon Pink |
| # D16587 | Blekfiolett rød |
| # C25A7C | Tulip Pink |
| # CA226B | Medium Violet Red |
| # C12869 | Rogue Pink |
| # C12267 | Brent rosa |
| # C25283 | Bashful Pink |
| # C12283 | Dark Carnation Pink |
| # B93B8F | Plomme |
9. Lilla og hvite HTML-fargekoder
Å bruke hvit tekstfarge mot hvit bakgrunn vil gjøre den uleselig av brukerne, og bortsett fra å ikke være brukervennlig, kan du få en SEO-straff for nettstedet ditt, og bruk alltid hvite og andre lyse farger mot mørk bakgrunn.
| # 7E587E | Viola Purple |
| # 571B7E | Lilla Iris |
| # 583759 | Plomme Lilla |
| # 4B0082 | indigo |
| # 461B7E | Purple Monster |
| # 4E387E | Lilla dis |
| # 614051 | aubergine |
| # 5E5A80 | Drue |
| # 6A287E | Purple Jam |
| # 7D1B7E | Dark Orchid |
| # A74AC7 | Lilla blomst |
| # B048B5 | Medium Orchid |
| # 6C2DC7 | Lilla ametyst |
| # 842DCE | Dark Violet |
| # 8D38C9 | Violet |
| # 7A5DC7 | Purple Sage Bush |
| # 7F38EC | Nydelig lilla |
| # 8E35EF | Purple |
| # 893BFF | Aztech Purple |
| # 8467D7 | Medium lilla |
| # A23BEC | Jasmine Purple |
| # B041FF | Lilla påskelilje |
| # C45AEC | Tyrian Purple |
| # 9172EC | Crocus Purple |
| # 9E7BFF | Lilla Mimosa |
| # D462FF | Heliotrope Lilla |
| # E238EC | Høyrød |
| # C38EC7 | Purple Dragon |
| # C8A2C8 | Lilac |
| # E6A9EC | Blush Pink |
| # E0B0FF | Mauve |
| # C6AEC7 | Wisteria Purple |
| # F9B7FF | Blossom Pink |
| # D2B9D3 | Thistle |
| # E9CFEC | periwinkle |
| # EBDDE2 | Lavendel Pinocchio |
| # E3E4FA | Lavendelblå |
| # FDEEF4 | Perle |
| # FFF5EE | Seashell |
| #FEFCFF | Melkehvit |
| #FFFFFF | Hvit |
Noen mest brukte HTML-fargekoder
Dette er noen av de populære fargene som brukes på nettet, jeg har lagt dem i en egen tabell slik at disse kan bli raskt funnet.
| rød | # FF0000 | Hvit | #FFFFFF |
| cyan | # 00FFFF | Sølv | # C0C0C0 |
| Blå | # 0000FF | Grått eller grått | # 808080 |
| Mørke blå | # 0000A0 | Svart | # 000000 |
| Lyse blå | # ADD8E6 | oransje | # FFA500 |
| Purple | # 800080 | brun | # A52A2A |
| Gul | # FFFF00 | Maroon | # 800000 |
| lime | # 00FF00 | Grønn | # 008000 |
| Magenta | # FF00FF | Oliven | # 808000 |
Konklusjon
Nå som du har raske referansetabeller med vanlige HTML-farger, bør du kunne bruke hvilken som helst farge du vil ha på siden din. Fra et kreativt ståsted bør du unngå å bruke tøffe farger hvis du kan, og når du jobber med fronten av nettstedet, er det også viktig å beholde bakgrunnsgrafikken eller fargene for å sikre riktig kontrast.
Anbefalte artikler
Dette er en guide til HTML-fargenavn. Her diskuterer vi hvordan du implementerer farger på en webside ved hjelp av forskjellige HTML-farger med eksempler. Du kan også gå gjennom de andre foreslåtte artiklene våre for å lære mer–
- HTML-skrifttyper
- HTML-attributter
- HTML stilark
- Slik fungerer HTML
- Farger i Matlab | Hvordan endre stilen i Matlab?