Bevezetés a HTML színes nevekbe
A HTML színes nevek helyesen vannak megjelölve a para. A színek fontosak, nemcsak egy weboldal díszítésére használják, hanem bizonyos esetekben módosíthatja a szöveg színét, hogy jobb kontrasztot biztosítson az oldal háttérével szemben. Tekintettel arra, hogy a HTML szövegesen van megírva, akkor nemcsak színezheti a kódot a kívánt módon, és elvárhatja, hogy a böngésző ugyanazt a színt használja az oldal megjelenítésénél. Ehelyett címkéket és attribútumokat kell használnia, hogy megmondja a böngészőnek, hogy melyik színt kell használni.
Színek HTML-ben
A HTML színes nevekben a színeket a hatérték vagy a név használatával lehet megjelölni. A HTML támogatja a leggyakoribb színeket, ebben a cikkben megosztom veled a színek 140 nevét és hexadecimális értékét.
Ne feledje, hogy nem kell korlátozódnia ezekre a színekre, bármilyen színválasztó eszköz segítségével megtalálhatja a kívánt szín Hex értékét, és felhasználhatja weblapján.
HTML színnevek használata
A színek a weboldalon történő végrehajtása egyszerű, beépíthető és különálló CSS-stíluslapon keresztül is megtehető.
Ha ugyanazokat a HTML színneveket fogja használni egy oldalon többször, akkor jobb ötlet, ha a CSS-lapot használja a színek meghatározására és beállítására. Ezzel szemben, ha csak egyszer vagy kétszer kell színt használni, akkor az inline módszer használata jobb.
1. A HTML Color Inline használata
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. Végrehajtás a CSS-ben
h1 ( color: Brown; )
p ( color: Gainsboro; )
Különböző HTML színnevek
Most, hogy tudja, mi a HTML színnevek, és hogyan tudja használni őket az oldalain, itt található egy link a színes nevek linkjéhez, amelyet könyvjelzővel és a projektekben felhasználhat:
1. Szürke és fekete HTML színnevek
A szürke és a fekete szín a legtöbb esetben tökéletes az oldal szövegének színéhez, szemben a fehér háttérhez képest ezekkel a színekkel a legjobban olvasható. Egy érdekes dolog, amelyet figyelembe kell venni, hogy az elkészített OLED kijelzőkkel felszerelt modern telefonoknak elegendő akkumulátorra van szükségük a fekete szín megjelenítéséhez, ha a közönség mobiltelefonon lesz, bölcs ötlet a háttér színként a feketét, a fehér vagy más fényt használni. színek, mint az előtér színe.
| Kód | Szín |
| # 000000 | Fekete |
| # 0C090A | Éjszaka |
| # 2C3539 | Gunmetal |
| # 2B1B17 | Éjfél |
| # 34282C | Faszén |
| # 25383C | Sötét pala szürke |
| # 3B3131 | Olaj |
| # 413839 | Fekete macska |
| # 3D3C3A | Iridium |
| # 463E3F | Fekete angolna |
| # 4C4646 | Fekete tehén |
| # 504A4B | Szürke farkas |
| # 565051 | Vámpír szürke |
| # 5C5858 | Szürke delfin |
| # 625D5D | Szénszürke |
| # 666362 | Ash Grey |
| # 6D6968 | Felhős szürke |
| # 726E6D | Füstös szürke |
| # 736F6E | szürke |
| # 837E7C | Gránit |
| # 848482 | Csatahajó szürke |
| # B6B6B4 | Szürke felhő |
| # D1D0CE | Szürke lúd |
| # E5E4E2 | Platina |
| # BCC6CC | Metál ezüst |
| # 98AFC7 | Kékes szürke |
| # 6D7B8D | Világos szürke |
| # 657383 | Pala szürke |
| # 616D7E | Jet Grey |
2. Kék HTML színnevek
A kék aláhúzott szöveget hivatkozásnak tekintik, mivel ez a legtöbb böngészőben az alapértelmezett hivatkozási stílus, kerülendő a kék szöveg használata az oldal összes szövegénél, mivel a látogatók hibás hivatkozásokat követhetnek el.
| # 646D7E | Köd kék |
| # 566D7E | Márványkék |
| # 737CA1 | Pala kék |
| # 4863A0 | Acélkék |
| # 2B547E | Kék Jay |
| # 2B3856 | Sötét pala kék |
| # 151B54 | Éjkék |
| # 000080 | Sötétkék |
| # 342D7E | Kék bálna |
| # 15317E | Lapis Blue |
| # 151B8D | Farmer sötétkék |
| # 0000A0 | Föld kék |
| # 0020C2 | Kobalt-kék |
| # 0041C2 | Áfonya kék |
| # 2554C7 | Zafír kék |
| # 1569C7 | Kék szemek |
| # 2B60DE | Királykék |
| # 1F45FC | Kék orchidea |
| # 6960EC | Kék Lotus |
| # 736AFF | Világos kék |
| # 357EC7 | Windows kék |
| # 368BC1 | Fagyos kék jég |
| # 488AC7 | Selyemkék |
| # 3090C7 | Kék borostyán |
| # 659EC7 | Kék Koi |
| # 87AFC7 | Columbia Blue |
| # 95B9C7 | Babakék |
| # 728FCE | Világos acélkék |
| # 2B65EC | Óceánkék |
| # 306EFF | Kék szalag |
| # 157DEC | Kék ruha |
| # 1589FF | Dodger kék |
| # 6495ED | Búzavirág kék |
| # 6698FF | Égszínkék |
| # 38ACEC | Pillangó kék |
| # 56A5EC | úszó jéghegy |
| # 5CB3FF | Kristálykék |
| # 3BB9FF | Mély ég kék |
| # 79BAEC | Farmerkék |
| # 82CAFA | Világos égkék |
| # 82CAFF | Nap ég kék |
| # A0CFEC | Farmer kék |
| # B7CEEC | Kék angyal |
| # B4CFEC | Pasztell kék |
| # C2DFFF | Tengeri kék |
| # C6DEFF | Kobalt kék |
| #AFDCEC | Korallkék |
| #ADDFFF | Világoskék |
| #BDEDFF | Robin Egg Blue |
| #CFECEC | Halványkék liliom |
| # E0FFFF | Világos ciánkék |
| # EBF4FA | Víz |
| # F0F8FF | AliceBlue |
| # F0FFFF | Égszínkék |
| #CCFFFF | Világos pala |
| # 93FFE8 | Könnyű akvamarin |
| # 9AFEFF | Elektromos kék |
| # 7FFFD4 | Akvamarin |
| # 00FFFF | Cián vagy Aqua |
| # 7DFDFE | Tron kék |
| # 57FEFF | Kék cirkon |
| # 8EEBEC | Kék lagúna |
| # 50EBEC | Celeste |
| # 4EE2EC | Kék gyémánt |
| # 81D8D0 | Tiffany Kék |
| # 92C7C7 | Cián átlátszatlan |
| # 77BFC7 | Kék Hosta |
| # 78C7C7 | Északi fény kék |
| # 48CCCD | Közepes türkiz |
| # 43C6DB | Türkiz |
| # 46C7C7 | medúza |
| # 7BCCB5 | Kékeszöld |
3. Zöld HTML színek
A természettel, a pénzrel, a környezettel stb. Kapcsolatos helyszíneken a zöld szín jó választásként szolgálhat háttérként használni.
| # 43BFC7 | Ara kék zöld |
| # 3EA99F | Világos tengeri zöld |
| # 3B9C9C | Sötét türkiz |
| # 438D80 | Tengeri teknős zöld |
| # 348781 | Közepes akvamarin |
| # 307D7E | Zöldeskék |
| # 5E7D7E | Szürkés türkiz |
| # 4C787E | Bogár-zöld |
| # 008080 | A zöldeskék |
| # 4E8975 | Tengerzöld |
| # 78866B | Álcázás zöld |
| # 848b79 | Zsályaszínű |
| # 617C58 | Mogyoró zöld |
| # 728C00 | Venom Green |
| # 667C26 | Fern Green |
| # 254117 | Sötét erdő zöld |
| # 306754 | Közepes tengeri zöld |
| # 347235 | Közepes erdei zöld |
| # 437C17 | Tengeri moszat zöld |
| # 387C44 | Fenyő zöld |
| # 347C2C | Jungle Green |
| # 347C17 | Shamrock Green |
| # 348017 | Közepes tavaszi zöld |
| # 4E9258 | Erdő zöld |
| # 6AA121 | Zöld hagyma |
| # 4AA02C | Tavaszi zöld |
| # 41A317 | Zöldcitrom zöld |
| # 3EA055 | Lóhere zöld |
| # 6CBB3C | Zöld kígyó |
| # 6CC417 | Alien Green |
| # 4CC417 | Zöld alma |
| # 52D017 | Sárga zöld |
| # 4CC552 | Kelly Green |
| # 54C571 | Zombie Green |
| # 99C68E | Béka zöld |
| # 89C35C | Zöldborsó |
| # 85BB65 | Dollár Bill Green |
| # 8BB381 | Sötét tengeri zöld |
| # 9CB071 | Iguana Green |
| # B2C248 | Avokádó zöld |
| # 9DC209 | Pisztácia zöld |
| # A1C935 | Zöld saláta |
| # 7FE817 | Kolibri Zöld |
| # 59E817 | Köd zöld |
| # 57E964 | Stoplight Go Green |
| # 64E986 | Algák zöld |
| # 5EFB6E | Jade Green |
| # 00FF00 | Zöld |
| # 5FFB17 | Smaragd zöld |
| # 87F717 | Gyep zöld |
| # 8AFB17 | Karthauzi likőr |
| # 6AFB92 | Sárkány zöld |
| # 98FF98 | Menta zöld |
| # B5EAAA | Zöld hüvelykujj |
| # C3FDB8 | Könnyű Jade |
| # CCFB5D | Tea zöld |
| # B1FB17 | Zöld sárga |
| # BCE954 | Slime Green |
| # EDDA74 | aranyvessző |
| # EDE275 | Betakarítás arany |
| # FFE87C | Nap sárga |
4. Sárga HTML színnevek
A sárga felhasználható egy nem-komoly hangulat beállítására, a kreativitás és az optimizmus megjelenítésére az oldalon. Ne feledje, hogy a sárga háttérként jobban működik, mint a szöveg színe.
| # FFFF00 | Sárga |
| # FFF380 | Kukorica sárga |
| # FFFFC2 | Pergament |
| #FFFFCC | Krém |
| # FFF8C6 | Citrom sifon |
| # FFF8DC | Cornsilk |
| # F5F5DC | Bézs |
| # FBF6D9 | Szőke |
| # FAEBD7 | AntiqueWhite |
| # F7E7CE | Pezsgő |
| #FFEBCD | BlanchedAlmond |
| # F3E5AB | Vanília |
| # ECE5B6 | Tan Brown |
| # FFE5B4 | Őszibarack |
| # FFDB58 | Mustár |
| # FFD801 | Gumi Ducky Yellow |
| # FDD017 | Világos arany |
| # EAC117 | aranybarna |
| # F2BB66 | Makaróni és sajt |
| # FBB917 | Sáfrány |
| # FBB117 | Sör |
| # FFA62F | Kantalup dinnye |
| # E9AB17 | Méh sárga |
5. Barna HTML színek
A barna háttér megnehezítheti a fehér vagy fekete szöveg olvasását, igénybe vehet más olyan színeket is, amelyek jó kontrasztot mutatnak a barna árnyékában.
| # E2A76F | Barna cukor |
| # DEB887 | BurlyWood |
| # FFCBA4 | Mély Peach |
| # C9BE62 | Ginger Brown |
| # E8A317 | Iskolabusz sárga |
| # EE9A4D | Sandy Brown |
| # C8B560 | Őszi levél barna |
| # D4A017 | Narancssárga arany |
| # C2B280 | Homok |
| # C7A317 | Cookie Brown |
| # C68E17 | Karamella |
| # B5A642 | Sárgaréz |
| # ADA96E | Khaki |
| # C19A6B | Tevebarna |
| # CD7F32 | Bronz |
| # C88141 | Tigris narancs |
| # C58917 | Fahéj |
| # AF9B60 | Bullet Shell |
| # AF7817 | Sötét Goldenrod |
| # B87333 | Réz |
| # 966F33 | Faipari |
| # 806517 | Oak Brown |
| # 827839 | Mokaszin |
| # 827B60 | Army Brown |
| # 786D5F | Homokkő |
| # 493D26 | Mohaachát |
| # 483C32 | Tópszín |
| # 6F4E37 | Kávé |
| # 835C3B | Barna medve |
| # 7F5217 | Red Dirt |
| # 7F462C | Szépia |
6. Narancssárga HTML színek
A narancs nagyszerűen kiemel egy pontot, amikor a színt háttérként használják, és lelkesedés és melegség érzését idézheti elő anélkül, hogy túl ragacsos lenne.6. Narancssárga HTML színek
| # C47451 | Narancssárga lazac |
| # C36241 | Rozsda |
| # C35817 | Vörös róka |
| # C85A17 | Csokoládé |
| # CC6600 | Sedona |
| # E56717 | Papaya Orange |
| # E66C2C | Halloween narancs |
| # F87217 | Tök narancs |
| # F87431 | Építési kúp narancs |
| # E67451 | Napkelte narancs |
| # FF8040 | Mango Orange |
| # F88017 | Sötét narancs |
| # FF7F50 | Korall |
| # F88158 | Narancssárga kosárlabda |
| # F9966B | Könnyű lazac |
| # E78A61 | Mandarin |
| # E18B6B | Sötét lazac |
| # E77471 | Világos korall |
| # F75D59 | Bean Red |
| # E55451 | Valentin Red |
| # E55B3C | Sokkoló narancs |
7. Piros HTML színkódok
Néhány böngészőnél a vörös aláhúzott szöveget használják látogatott linkekként, kerülje annak használatát, hogy ne zavarja a látogatókat.
| # FF0000 | Piros |
| # FF2400 | Skarlátvörös |
| # F62217 | Rubint vörös |
| # F70D1A | Ferrari Red |
| # F62817 | Tűzoltóautó piros |
| # E42217 | Lava Red |
| # E41B17 | Szerelem piros |
| # DC381F | Grapefruit |
| # C34A2C | Gesztenye piros |
| # C24641 | Meggy piros |
| # C04000 | Mahagóni |
| # C11B17 | Csili paprika |
| # 9F000F | Áfonya |
| # 990012 | Vörösbor |
| # 8C001A | Burgundia |
| # 954535 | gesztenye |
| # 7E3517 | Vérvörös |
| # 8A4117 | vörösbarna festék |
| # 7E3817 | Sangria |
| # 800517 | Samott |
| # 810541 | Gesztenyebarna |
| # 7D0541 | Szilva pite |
| # 7E354D | Velvet Maroon |
| # 7D0552 | Szilva bársony |
| # 7F4E52 | Rosy Finch |
| # 7F5A58 | Vörösbarna |
| # 7F525D | Unalmas lila |
| # B38481 | Rosy Brown |
| # C5908E | Khaki Rose |
8. Rózsaszín HTML színkódok
A színtudomány szerint a rózsaszín és árnyalatai akkor használhatók, ha azt akarja, hogy a látogató öntudatában bizalom, kifinomultság és melegség érzése legyen.
| # C48189 | Pink íj |
| # C48793 | Rúzs rózsaszín |
| # E8ADAA | Rózsa |
| # ECC5C0 | Rózsa arany |
| # EDC9AF | Sivatagi homok |
| # FDD7E4 | Pig Pink |
| #FCDFFF | Vattacukor |
| #FFDFDD | Rózsaszín buborékgumi |
| # FBBBB9 | Ködös Rose |
| #FAAFBE | Rózsaszín |
| #FAAFBA | Világos rózsaszín |
| # F9A7B0 | Flamingo Pink |
| # E7A1B0 | Rózsaszín rózsa |
| # E799A3 | Pink Daisy |
| # E38AAE | Cadillac Pink |
| # F778A1 | Szegfű rózsaszín |
| # E56E94 | Pirossá válj |
| # F660AB | Dögös rózsaszín |
| # FC6C85 | Görögdinnye rózsaszín |
| # F6358A | Lila piros |
| # F52887 | Mély rózsaszín |
| # E45E9D | Rózsaszín Cupcake |
| # E4287C | Rózsaszín limonádé |
| # F535AA | Neon Pink |
| # FF00FF | Bíborvörös |
| # E3319D | Dimorphotheca Magenta |
| # F433FF | Világos neon rózsaszín |
| # D16587 | Halvány lila piros |
| # C25A7C | Tulipán rózsaszín |
| # CA226B | Közepes lila piros |
| # C12869 | Rogue Pink |
| # C12267 | Égett rózsaszín |
| # C25283 | Bashful Pink |
| # C12283 | Sötét szegfű rózsaszín |
| # B93B8F | Szilva |
9. Lila és fehér HTML színkódok
A Fehér Szöveg színe fehér háttérrel való használata olvashatatlanná teszi a felhasználókat, és eltekintve attól, hogy nem felhasználóbarát, SEO büntetést kaphat webhelye számára, így mindig használjon fehér és más világos színeket sötét háttérrel szemben.
| # 7E587E | Viola Violet |
| # 571B7E | Lila írisz |
| # 583759 | Szilva lila |
| # 4B0082 | Indigó |
| # 461B7E | Lila szörny |
| # 4E387E | Lila köd |
| # 614051 | Padlizsán |
| # 5E5A80 | Szőlő |
| # 6A287E | Lila lekvár |
| # 7D1B7E | Sötét orchidea |
| # A74AC7 | Lila virág |
| # B048B5 | Közepes orchidea |
| # 6C2DC7 | Lila ametiszt |
| # 842DCE | Sötét lila |
| # 8D38C9 | Ibolya |
| # 7A5DC7 | Lila zsálya bokor |
| # 7F38EC | Szép lila |
| # 8E35EF | Lila |
| # 893BFF | Azték lila |
| # 8467D7 | Közepes lila |
| # A23BEC | Jasmine Purple |
| # B041FF | Lila nárcisz |
| # C45AEC | Tiriai lila |
| # 9172EC | Crocus Purple |
| # 9E7BFF | Lila Mimosa |
| # D462FF | Heliotróp lila |
| # E238EC | Karmazsinvörös |
| # C38EC7 | Lila sárkány |
| # C8A2C8 | Halványlila |
| # E6A9EC | Piros rózsaszín |
| # E0B0FF | Mályvaszínű |
| # C6AEC7 | Wisteria Purple |
| # F9B7FF | Rózsaszín virág |
| # D2B9D3 | Bogáncs |
| # E9CFEC | Télizöld |
| # EBDDE2 | Levendula Pinocchio |
| # E3E4FA | Levendula kék |
| # FDEEF4 | Gyöngyszem |
| # FFF5EE | SeaShell |
| #FEFCFF | Tejfehér |
| #FFFFFF | fehér |
Néhány leggyakrabban használt HTML színkód
Ezek a népszerű színek, amelyeket az interneten használnak, külön táblázatba tettem őket, hogy ezek gyorsan megtalálhatók legyenek.
| Piros | # FF0000 | fehér | #FFFFFF |
| Cián | # 00FFFF | Ezüst | # C0C0C0 |
| Kék | # 0000FF | Szürke vagy szürke | # 808080 |
| Sötétkék | # 0000A0 | Fekete | # 000000 |
| Világoskék | # ADD8E6 | narancssárga | # FFA500 |
| Lila | # 800080 | Barna | # A52A2A |
| Sárga | # FFFF00 | Gesztenyebarna | # 800000 |
| Mész | # 00FF00 | Zöld | # 008000 |
| Bíborvörös | # FF00FF | Olajbogyó | # 808000 |
Következtetés
Most, hogy rendelkeznek gyors referencia táblázatokkal a közönséges HTML színekről, képesnek kell lennie arra, hogy bármilyen színt használjon az oldalán. Kreatív szempontból kerülje a durva színek használatát, ha erre képes, és amikor a weboldal elülső oldalán dolgozik, a megfelelő grafika vagy a háttér színének megőrzése szintén fontos a megfelelő kontraszt biztosítása érdekében.
Ajánlott cikkek
Ez egy útmutató a HTML színes nevekhez. Itt tárgyaljuk, hogyan lehet a színeket egy weboldalon megvalósítani, különféle HTML színek segítségével, példákkal. A további javasolt cikkeken keresztül további információkat is megtudhat -
- HTML betűtípus stílusok
- HTML attribútumok
- HTML stíluslapok
- Hogyan működik a HTML
- Színek a Matlabban Hogyan lehet megváltoztatni a stílust a Matlabban?