Introducere în nume de culori HTML
Numele HTML de culoare sunt notate corespunzător în alin. Culorile sunt importante, nu numai că sunt folosite pentru a decora o pagină web, dar, în unele cazuri, poate doriți să schimbați culoarea textului pentru a oferi un contrast mai bun cu fundalul paginii. Considerând că HTML este un text scris în format text, nu poți doar să colorezi codul după bunul plac și să te aștepți ca browserul web să utilizeze aceeași culoare la redarea paginii. În schimb, va trebui să apelați la utilizarea de etichete și atribute pentru a spune browserului ce culoare trebuie să folosească.
Culori în HTML
În numele de culori HTML, culorile pot fi notate utilizând valoarea hexagonală sau numele acesteia. HTML are suport pentru majoritatea culorilor comune, în acest articol, voi împărtăși cu dvs. 140 de nume și valori hexagonale ale acestor culori.
Un lucru de reținut este că nu trebuie să vă limitați la aceste culori, puteți utiliza orice instrument de selecție de culori pentru a găsi valoarea Hex a oricărei culori pe care doriți și să o utilizați pe pagina web.
Utilizarea numelor de culori HTML
Implementarea culorilor pe pagina dvs. web este ușoară și se poate realiza atât pe linie, cât și printr-o foaie de stil CSS separată.
Când veți utiliza aceleași nume HTML de culoare pe o pagină de mai multe ori, este mai bine să folosiți foaia CSS pentru a defini și seta culorile. În schimb, dacă trebuie să folosiți doar o dată sau de două ori culoarea, utilizarea metodei inline este considerată mai bună.
1. Folosind 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. Implementarea în CSS
h1 ( color: Brown; )
p ( color: Gainsboro; )
Denumiri de culori HTML diferite
Acum că știți care sunt numele de culori HTML și cum le puteți utiliza în paginile dvs., aici este un link de nume de culoare pe care le puteți marca și utiliza în proiectele dvs.:
1. Nume de culoare HTML gri și negru
Culorile gri și negru sunt, în majoritatea cazurilor, perfecte pentru culoarea textului paginii, deoarece pe un fundal alb aceste culori au cea mai bună lizibilitate. Un lucru interesant de reținut este faptul că telefoanele moderne cu afișaje OLED realizate au nevoie de orice baterie pentru a afișa culoarea Neagră, dacă publicul dvs. va fi pe mobil, este o idee înțeleaptă să folosiți negrul ca culoare de fundal și alb sau altă lumină. culorile ca culoare prim-plan.
Cod | Culoare |
# 000000 | Negru |
# 0C090A | Noapte |
# 2C3539 | Gunmetal |
# 2B1B17 | Miezul nopţii |
# 34282C | Cărbune |
# 25383C | Grey Ardezie închisă |
# 3B3131 | Ulei |
# 413839 | Pisica neagra |
# 3D3C3A | Iridiu |
# 463E3F | Eel negru |
# 4C4646 | Vaca neagră |
# 504A4B | Lup gri |
# 565051 | Vampire Grey |
# 5C5858 | Delfinul gri |
# 625D5D | Gri de carbon |
# 666362 | Ash Grey |
# 6D6968 | Grey noros |
# 726E6D | Smokey Gray |
# 736F6E | gri |
# 837E7C | Granit |
# 848482 | Grey Battleship |
# B6B6B4 | Nor gri |
# D1D0CE | Gâscă gri |
# E5E4E2 | Platină |
# BCC6CC | Argint metalic |
# 98AFC7 | Gri albastru |
# 6D7B8D | Grey Ardezie gri |
# 657383 | Ardezie gri |
# 616D7E | Jet Gray |
2. Nume albastre de culoare HTML
Textul subliniat albastru este considerat un link, deoarece este stilul de link implicit pentru majoritatea browserelor web, ar trebui să evitați să folosiți albastru pentru tot textul unei pagini, deoarece vizitatorii îl pot confunda cu hyperlink-uri.
# 646D7E | Mist Blue |
# 566D7E | Marmura Albastru |
# 737CA1 | Ardezie albastră |
# 4863A0 | Oțel albastru |
# 2B547E | Blue Jay |
# 2B3856 | Ardezie închisă albastru |
# 151B54 | Midnight Blue |
# 000080 | Albastru marin |
# 342D7E | Balenă albastră |
# 15317E | Lapis Blue |
# 151B8D | Denim albastru închis |
# 0000A0 | Pământ albastru |
# 0020C2 | Albastru de cobalt |
# 0041C2 | Afine albastre |
# 2554C7 | Safir albastru |
# 1569C7 | Ochi albaștrii |
# 2B60DE | Albastru regal |
# 1F45FC | Orhideea albastră |
# 6960EC | Lotus albastru |
# 736AFF | Ardezie albastru deschis |
# 357EC7 | Windows Blue |
# 368BC1 | Glacia albastră glaciară |
# 488AC7 | Albastru de mătase |
# 3090C7 | Iedera Albastra |
# 659EC7 | Blue Koi |
# 87AFC7 | Columbia Blue |
# 95B9C7 | Bleu |
# 728FCE | Albastru de oțel deschis |
# 2B65EC | Albastru oceanic |
# 306EFF | Panglica albastra |
# 157DEC | Rochie albastră |
# 1589FF | Dodger Blue |
# 6495ED | Porumb albastru |
# 6698FF | Cer albastru |
# 38ACEC | Fluture albastru |
# 56A5EC | Aisberg |
# 5CB3FF | Albastru de cristal |
# 3BB9FF | Deep Sky Blue |
# 79BAEC | Albastru denim |
# 82CAFA | Cer albastru deschis |
# 82CAFF | Ziua Albastru |
# A0CFEC | Jeans Blue |
# B7CEEC | Înger albastru |
# B4CFEC | Pastel albastru |
# C2DFFF | Mare albastra |
# C6DEFF | Pudra albastra |
#AFDCEC | Coral albastru |
#ADDFFF | Albastru deschis |
#BDEDFF | Robin Blue Egg Blue |
#CFECEC | Crin albastru pal |
# E0FFFF | Cian ușor |
# EBF4FA | Apă |
# F0F8FF | AliceBlue |
# F0FFFF | Azur |
#CCFFFF | Ardezie ușoară |
# 93FFE8 | Acvamarină ușoară |
# 9AFEFF | Albastru electric |
# 7FFFD4 | Acvamarin |
# 00FFFF | Cyan sau Aqua |
# 7DFDFE | Tron albastru |
# 57FEFF | Zircon albastru |
# 8EEBEC | Lagună albastră |
# 50EBEC | Celeste |
# 4EE2EC | Diamant albastru |
# 81D8D0 | Tiffany Blue |
# 92C7C7 | Cyan Opaque |
# 77BFC7 | Hosta albastră |
# 78C7C7 | Northern Lights Blue |
# 48CCCD | Turcoaz mediu |
# 43C6DB | Turcoaz |
# 46C7C7 | meduză |
# 7BCCB5 | Albastru verde |
3. Culori HTML verzi
Pe site-uri legate de natură, bani, mediu etc., verde poate fi o alegere bună a culorilor pentru a fi folosit ca fundal.
# 43BFC7 | Macaw Blue Green |
# 3EA99F | Green Light Sea |
# 3B9C9C | Turcoaz întunecat |
# 438D80 | Turtle de mare Green |
# 348781 | Acvamarin mediu |
# 307D7E | Albastru verzui |
# 5E7D7E | Turcoaz cenușiu |
# 4C787E | Gândac verde |
# 008080 | Turcoaz |
# 4E8975 | Mare verde |
# 78866B | Camuflaj verde |
# 848b79 | Sage Green |
# 617C58 | Hazel Green |
# 728C00 | Venom Green |
# 667C26 | Fern Green |
# 254117 | Green Dark Forest |
# 306754 | Marea Medie Verde |
# 347235 | Verde pădure mediu |
# 437C17 | Alge Verde |
# 387C44 | Pin verde |
# 347C2C | Jungle Green |
# 347C17 | Shamrock Green |
# 348017 | Verde de primăvară medie |
# 4E9258 | Padure verde |
# 6AA121 | Ceapa verde |
# 4AA02C | Green Spring |
# 41A317 | Verde lime |
# 3EA055 | Trifoi Verde |
# 6CBB3C | Sarpe verde |
# 6CC417 | Alien Green |
# 4CC417 | Mar verde |
# 52D017 | Galben verde |
# 4CC552 | Kelly Green |
# 54C571 | Zombie Green |
# 99C68E | Broasca Verde |
# 89C35C | Mazăre |
# 85BB65 | Dollar Bill Green |
# 8BB381 | Green Sea Dark |
# 9CB071 | Iguana Green |
# B2C248 | Avocado Green |
# 9DC209 | Fistic verde |
# A1C935 | Salata verde |
# 7FE817 | Hummingbird Green |
# 59E817 | Nebula verde |
# 57E964 | Stoplight Go Green |
# 64E986 | Alga Green |
# 5EFB6E | Verde de jad |
# 00FF00 | Verde |
# 5FFB17 | Verde smarald |
# 87F717 | Verde de gazon |
# 8AFB17 | Chartreuse |
# 6AFB92 | Dragon Verde |
# 98FF98 | menta verde |
# B5EAAA | Degetul mare verde |
# C3FDB8 | Jad luminos |
# CCFB5D | Ceai verde |
# B1FB17 | Verde galben |
# BCE954 | Slime Green |
# EDDA74 | Goldenrod |
# EDE275 | Recolta de aur |
# FFE87C | Galben soare |
4. Nume de culoare HTML galbenă
Galbenul poate fi folosit pentru a stabili o stare de spirit non-serioasă, pentru a arăta creativitate și optimism într-o pagină. Rețineți că galbenul funcționează mai bine ca fundal decât o culoare a textului.
# FFFF00 | Galben |
# FFF380 | Galben de porumb |
# FFFFC2 | Pergament |
#FFFFCC | Cremă |
# FFF8C6 | Șifon de lămâie |
# FFF8DC | Matase de porumb |
# F5F5DC | Bej |
# FBF6D9 | Blondă |
# FAEBD7 | AntiqueWhite |
# F7E7CE | Șampanie |
#FFEBCD | BlanchedAlmond |
# F3E5AB | Vanilie |
# ECE5B6 | Tan Brown |
# FFE5B4 | Piersică |
# FFDB58 | Muştar |
# FFD801 | Cauciuc Ducky galben |
# FDD017 | Auriu strălucitor |
# EAC117 | maro auriu |
# F2BB66 | Macaroane cu brânza |
# FBB917 | Şofran |
# FBB117 | Bere |
# FFA62F | Pepene galben |
# E9AB17 | Albină galbenă |
5. Culori HTML brune
Fundalul maro poate îngreuna citirea textului alb sau negru, puteți recurge la alte culori care utilizează un contrast bun împotriva nuanței de maro.
# E2A76F | Zahar brun |
# DEB887 | BurlyWood |
# FFCBA4 | Piersic adânc |
# C9BE62 | Ginger Brown |
# E8A317 | Autobuzul școlar galben |
# EE9A4D | Sandy Brown |
# C8B560 | Frunze de cădere maro |
# D4A017 | Auriu portocaliu |
# C2B280 | Nisip |
# C7A317 | Cookie Brown |
# C68E17 | Caramel |
# B5A642 | Alamă |
# ADA96E | Kaki |
# C19A6B | Camel maro |
# CD7F32 | Bronz |
# C88141 | Tigru portocaliu |
# C58917 | Scorţişoară |
# AF9B60 | Bullet Shell |
# AF7817 | Întunecat Goldenrod |
# B87333 | Cupru |
# 966F33 | Lemn |
# 806517 | Stejar maro |
# 827839 | Mocasin |
# 827B60 | Armata Brown |
# 786D5F | Gresie |
# 493D26 | Cafea |
# 483C32 | taupe |
# 6F4E37 | Cafea |
# 835C3B | Urs brun |
# 7F5217 | Murdăria Roșie |
# 7F462C | Sepia |
6. Culorile HTML portocaliu
Portocaliu funcționează excelent pentru a evidenția un punct când culoarea folosită ca fundal și poate evoca sentimentul de entuziasm și căldură fără a fi prea atipic.6. Culorile HTML portocaliu
# C47451 | Somon portocaliu |
# C36241 | Rugini |
# C35817 | Vulpe rosie |
# C85A17 | Ciocolată |
# CC6600 | Sedona |
# E56717 | Papaya Orange |
# E66C2C | Halloween Orange |
# F87217 | Portocal de dovleac |
# F87431 | Conon de construcție Portocaliu |
# E67451 | Sunrise Orange |
# FF8040 | Orange Mango |
# F88017 | Portocaliu închis |
# FF7F50 | Coral |
# F88158 | Coșul Ball Ball Orange |
# F9966B | Somon ușor |
# E78A61 | Mandarină |
# E18B6B | Somon întunecat |
# E77471 | Coral ușor |
# F75D59 | Bean Red |
# E55451 | Valentine Red |
# E55B3C | Portocaliu șocant |
7. Coduri de culoare roșie HTML
Pentru unele browsere, textul subliniat Roșu este utilizat ca link-uri vizitate, ar trebui să evitați utilizarea acestuia pentru a nu confunda vizitatorii.
# FF0000 | roșu |
# FF2400 | Stacojiu |
# F62217 | Rosu rubin |
# F70D1A | Ferrari Red |
# F62817 | Motor de pompieri roșu |
# E42217 | Lava Red |
# E41B17 | Dragoste Roșu |
# DC381F | Grapefruit |
# C34A2C | Red Castan |
# C24641 | Cherry Red |
# C04000 | Mahon |
# C11B17 | Ardei iute |
# 9F000F | Merisor |
# 990012 | Vin rosu |
# 8C001A | Burgundia |
# 954535 | castan |
# 7E3517 | Roșu sângeriu |
# 8A4117 | Sienna |
# 7E3817 | Sangria |
# 800517 | Firebrick |
# 810541 | Maro |
# 7D0541 | Prăjitură |
# 7E354D | Velvet Maroon |
# 7D0552 | Catifea de prune |
# 7F4E52 | Rosy Finch |
# 7F5A58 | puce |
# 7F525D | Purpuriu plictisitor |
# B38481 | Rosy Brown |
# C5908E | Khaki Rose |
8. Coduri de culoare HTML roz
Conform științei culorilor, Pink și nuanțele sale pot fi utilizate dacă doriți ca vizitatorul să aibă un sentiment de încredere, rafinament și căldură în subconștientul său.
# C48189 | Arcul roz |
# C48793 | Ruj roz |
# E8ADAA | Trandafir |
# ECC5C0 | Aur roz |
# EDC9AF | Nisip din deșert |
# FDD7E4 | Pink Pig |
#FCDFFF | Vată de zahăr |
#FFDFDD | Gumă cu bule roz |
# FBBBB9 | Misty Rose |
#FAAFBE | Roz |
#FAAFBA | Roz deschis |
# F9A7B0 | Flamingo Pink |
# E7A1B0 | Trandafir roz |
# E799A3 | Pink Daisy |
# E38AAE | Cadillac Pink |
# F778A1 | Pink Carnation |
# E56E94 | Blush Red |
# F660AB | Roz cald |
# FC6C85 | Pepene verde roz |
# F6358A | Roșu violet |
# F52887 | Roz închis |
# E45E9D | Cupcake roz |
# E4287C | Limonadă roz |
# F535AA | Roz neon |
# FF00FF | purpuriu |
# E3319D | Dimorphotheca Magenta |
# F433FF | Roz neon luminos |
# D16587 | Roșu violet pal |
# C25A7C | Tulip roz |
# CA226B | Roșu violet mediu |
# C12869 | Rogue Pink |
# C12267 | Roz ars |
# C25283 | Pink Bashful |
# C12283 | Pink Carnation Pink |
# B93B8F | Prună |
9. Coduri de culoare alb-violet și alb
Utilizarea culorii textului alb pe fundalul alb va face imposibil de citit de către utilizatori și, în afară de a nu fi ușor de utilizat, puteți obține o penalizare SEO pentru site-ul dvs., utilizând întotdeauna alb și alte culori deschise pe fundaluri întunecate.
# 7E587E | Viola Purple |
# 571B7E | Iris violet |
# 583759 | Prune Violet |
# 4B0082 | Indigo |
# 461B7E | Monstru Purpuriu |
# 4E387E | Ceață violet |
# 614051 | Vânătă |
# 5E5A80 | strugure |
# 6A287E | Violet gem |
# 7D1B7E | Orhideea întunecată |
# A74AC7 | Floare mov |
# B048B5 | Orhidee medie |
# 6C2DC7 | Purpuriu Ametist |
# 842DCE | Violet întunecat |
# 8D38C9 | violet |
# 7A5DC7 | Arbust violet de salvie |
# 7F38EC | Purpuriu minunat |
# 8E35EF | Violet |
# 893BFF | Aztech Purple |
# 8467D7 | Violet mediu |
# A23BEC | Jasmine Purple |
# B041FF | Daffodil violet |
# C45AEC | Violetul Tyrian |
# 9172EC | Purpur Crocus |
# 9E7BFF | Mimosa mov |
# D462FF | Heliotrope Purple |
# E238EC | purpuriu |
# C38EC7 | Dragonul violet |
# C8A2C8 | Liliac |
# E6A9EC | Blush Pink |
# E0B0FF | Mov |
# C6AEC7 | Wisteria Purple |
# F9B7FF | Floare roz |
# D2B9D3 | Ciulin |
# E9CFEC | Brebenoc |
# EBDDE2 | Lavanda Pinocchio |
# E3E4FA | Lavanda albastru |
# FDEEF4 | Perla |
# FFF5EE | Seashell |
#FEFCFF | Alb de lapte |
#FFFFFF | alb |
Unele dintre cele mai utilizate coduri de culori HTML
Acestea sunt câteva dintre culorile populare utilizate pe web, le-am așezat într-un tabel separat, astfel încât acestea să poată fi găsite rapid.
roșu | # FF0000 | alb | #FFFFFF |
Cyan | # 00FFFF | Argint | # C0C0C0 |
Albastru | # 0000FF | Gri sau gri | # 808080 |
Albastru inchis | # 0000A0 | Negru | # 000000 |
Albastru deschis | # ADD8E6 | portocale | # FFA500 |
Violet | # 800080 | Maro | # A52A2A |
Galben | # FFFF00 | Maro | # 800000 |
Lămâie verde | # 00FF00 | Verde | # 008000 |
purpuriu | # FF00FF | oliv | # 808000 |
Concluzie
Acum, că aveți tabele de referință rapidă a culorilor HTML obișnuite, ar trebui să puteți utiliza orice culoare doriți pe pagina dvs. Din punct de vedere creativ, ar trebui să evitați utilizarea culorilor dure dacă puteți și atunci când lucrați cu partea frontală a site-ului, păstrarea graficii sau culorilor de fundal este de asemenea importantă pentru a asigura un contrast adecvat.
Articole recomandate
Acesta este un ghid pentru numele culorilor HTML. Aici vom discuta despre cum să implementați culorile pe o pagină web folosind diferite culori HTML cu exemple. Puteți parcurge și alte articole sugerate pentru a afla mai multe -
- Stiluri de fonturi HTML
- Atribute HTML
- Fișe de stil HTML
- Cum funcționează HTML
- Culori în Matlab | Cum se schimbă stilul în Matlab?