Úvod do farebných názvov HTML
Farebné názvy HTML sú v odseku správne označené. Farby sú dôležité, nielenže sa používajú na ozdobenie webovej stránky, ale v niektorých prípadoch možno budete chcieť zmeniť farbu textu, aby sa dosiahol lepší kontrast oproti pozadiu stránky. Vzhľadom na to, že kód HTML je napísaný v textovej podobe, nemôžete iba zafarbiť kód podľa svojich predstáv a očakávať, že webový prehľadávač použije pri vykresľovaní stránky rovnakú farbu. Namiesto toho sa budete musieť uchýliť k používaniu značiek a atribútov, aby ste prehliadaču povedali, akú farbu použiť.
Farby v HTML
Vo farebných názvoch HTML môžu byť farby označené pomocou ich hexadecimálnej hodnoty alebo názvu. HTML má podporu pre najbežnejšie farby, v tomto článku sa s vami podelím o 140 mien a hexadecimálnych hodnôt týchto farieb.
Jedna vec, ktorú treba mať na pamäti, je, že sa nemusíte obmedzovať na tieto farby. Môžete použiť akýkoľvek nástroj na výber farieb, aby ste našli Hexovú hodnotu ľubovoľnej farby a použili ju na svoju webovú stránku.
Používanie farebných názvov HTML
Implementácia farieb na vašu webovú stránku je jednoduchá a dá sa vykonať inline aj prostredníctvom samostatnej šablóny so štýlmi CSS.
Ak budete na stránke používať rovnaké farebné názvy HTML viackrát, je lepšie na definovanie a nastavenie farieb použiť list CSS. Naopak, ak musíte použiť farbu iba raz alebo dvakrát, použitie inline metódy sa považuje za lepšie.
1. Pomocou 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. Implementácia v CSS
h1 ( color: Brown; )
p ( color: Gainsboro; )
Rôzne farebné názvy HTML
Teraz, keď viete, aké sú farebné názvy HTML a ako ich môžete použiť na svojich stránkach, tu je odkaz na názvy farieb, ktoré si môžete uložiť do záložiek a použiť vo svojich projektoch:
1. Šedé a čierne farebné názvy HTML
Šedé a čierne farby sú vo väčšine prípadov ideálne pre farbu textu stránky oproti bielemu pozadiu. Tieto farby majú najlepšiu čitateľnosť. Jednou zaujímavou vecou, ktorú je potrebné mať na pamäti, je, že moderné telefóny s displejmi OLED potrebujú akúkoľvek batériu na zobrazenie čiernej farby, ak bude vaše publikum na mobilnom telefóne, je múdre používať čiernu ako farbu pozadia a biele alebo iné svetlo farby ako farba popredia.
| kód | farba |
| # 000000 | čierna |
| # 0C090A | nočné |
| # 2C3539 | gunmetal |
| # 2B1B17 | polnoc |
| # 34282C | drevené uhlie |
| # 25383C | Dark Slate Grey |
| # 3B3131 | olej |
| # 413839 | Čierna mačka |
| # 3D3C3A | irídium |
| # 463E3F | Čierny úhor |
| # 4C4646 | Čierna krava |
| # 504A4B | Šedý vlk |
| # 565051 | Upír Gray |
| # 5C5858 | Šedý delfín |
| # 625D5D | Carbon Gray |
| # 666362 | Ash Gray |
| # 6D6968 | Oblačno sivé |
| # 726E6D | Smokey Gray |
| # 736F6E | šedá |
| # 837E7C | žula |
| # 848482 | Bojová loď šedá |
| # B6B6B4 | Sivý mrak |
| # D1D0CE | Grey Goose |
| # E5E4E2 | platina |
| # BCC6CC | Kovové striebro |
| # 98AFC7 | Modrá sivá |
| # 6D7B8D | Svetlá bridlica šedá |
| # 657383 | Bridlica šedá |
| # 616D7E | Jet Gray |
2. Modré názvy farieb HTML
Modrý podčiarknutý text sa považuje za odkaz, pretože ide o predvolený štýl prepojenia pre väčšinu webových prehľadávačov. Vyhnite sa použitiu modrého textu pre celý text na stránke, pretože ho návštevníci môžu pomýliť s hypertextovými odkazmi.
| # 646D7E | Hmla modrá |
| # 566D7E | Mramorová modrá |
| # 737CA1 | Bridlicová modrá |
| # 4863A0 | Oceľovo modrá |
| # 2B547E | Blue Jay |
| # 2B3856 | Dark Slate Blue |
| # 151B54 | Polnočná modrá |
| # 000080 | Námornícka modrá |
| # 342D7E | Modrá veľryba |
| # 15317 | Lapis Blue |
| # 151B8D | Denim Tmavo modrá |
| # 0000A0 | Earth Blue |
| # 0020C2 | Kobaltová modrá |
| # 0041C2 | Blueberry Blue |
| # 2554C7 | Zafírovo modrá |
| # 1569C7 | Modré oči |
| # 2B60DE | Kráľovská modrá |
| # 1F45FC | Blue Orchid |
| # 6960EC | Blue Lotus |
| # 736AFF | Svetlo bridlicová modrá |
| # 357EC7 | Windows Blue |
| # 368BC1 | Ľadový modrý ľad |
| # 488AC7 | Hodvábna modrá |
| # 3090C7 | Modrý brečtan |
| # 659EC7 | Blue Koi |
| # 87AFC7 | Columbia Blue |
| # 95B9C7 | Svetlo modrá |
| # 728FCE | Svetlá oceľová modrá |
| # 2B65EC | Ocean Blue |
| # 306EFF | Modrá stuha |
| # 157DEC | Modré šaty |
| # 1589FF | Dodger Blue |
| # 6495ED | Kukurica modrá |
| # 6698FF | Modrá obloha |
| # 38ACEC | Motýľová modrá |
| # 56A5EC | ľadovec |
| # 5CB3FF | Krištáľovo modrá |
| # 3BB9FF | Deep Sky Blue |
| # 79BAEC | Denim Blue |
| # 82CAFA | Svetlá obloha modrá |
| # 82CAFF | Denná obloha modrá |
| # A0CFEC | Jeans Blue |
| # B7CEEC | Modrý anjel |
| # B4CFEC | Pastelovo modrá |
| # C2DFFF | Morská modrá |
| # C6DEFF | Prášková modrá |
| #AFDCEC | Koralová modrá |
| #ADDFFF | Svetlo modrá |
| #BDEDFF | Robin Egg Blue |
| #CFECEC | Bledo modrá ľalia |
| # E0FFFF | Svetlo azúrová |
| # EBF4FA | voda |
| # F0F8FF | AliceBlue |
| # F0FFFF | blankyt |
| #CCFFFF | Ľahká bridlica |
| # 93FFE8 | Ľahký akvamarín |
| # 9AFEFF | Elektrická modrá |
| # 7FFFD4 | akvamarín |
| zadajte hodnotu # 00FFFF | Azúrová alebo Aqua |
| # 7DFDFE | Trónová Modrá |
| # 57FEFF | Modrý zirkón |
| # 8EEBEC | Modrá lagúna |
| # 50EBEC | celeste |
| # 4EE2EC | Blue Diamond |
| # 81D8D0 | Tiffany Blue |
| # 92C7C7 | Azúrová nepriehľadná |
| # 77BFC7 | Blue Hosta |
| # 78C7C7 | Northern Lights Blue |
| # 48CCCD | Stredne tyrkysová |
| # 43C6DB | tyrkysová |
| # 46C7C7 | medúza |
| # 7BCCB5 | Modro zelená |
3. Zelené farby HTML
Na stránkach súvisiacich s prírodou, peniazmi, prostredím atď. Môže byť zelená vhodným výberom farby, ktorá sa použije ako pozadie.
| # 43BFC7 | Papagáj modrá zelená |
| # 3EA99F | Svetlo morská zelená |
| # 3B9C9C | Tmavo tyrkysová |
| # 438D80 | Morská korytnačka zelená |
| # 348781 | Stredný akvamarín |
| # 307D7E | Zelenkastá modrá |
| # 5E7D7E | Šedivý tyrkysový |
| # 4C787E | Beetle Green |
| # 008080 | Modrozelený |
| # 4E8975 | Morská zelená |
| # 78866B | Camouflage Green |
| # 848b79 | Šalvia zelená |
| # 617C58 | Hazel Green |
| # 728C00 | Venom Green |
| # 667C26 | Fern Green |
| # 254117 | Dark Forest Green |
| # 306754 | Stredne morská zelená |
| # 347235 | Stredná lesná zelená |
| # 437C17 | Morské riasy zelené |
| # 387C44 | Borovica zelená |
| # 347C2C | Jungle Green |
| # 347C17 | Shamrock Green |
| # 348017 | Stredne jarná zelená |
| # 4E9258 | Lesná zelená |
| # 6AA121 | Zelená Cibuľa |
| # 4AA02C | Jarná zelená |
| # 41A317 | Limetková zelená |
| # 3EA055 | Ďatelina zelená |
| # 6CBB3C | Zelený had |
| # 6CC417 | Alien Green |
| # 4CC417 | Zelené jablko |
| # 52D017 | Žltá zelená |
| # 4CC552 | Kelly Green |
| # 54C571 | Zombie Green |
| # 99C68E | Frog Green |
| # 89C35C | Zelený hrášok |
| # 85BB65 | Dollar Bill Green |
| # 8BB381 | Tmavo morská zelená |
| # 9CB071 | Leguán zelený |
| # B2C248 | Avokádo zelené |
| # 9DC209 | Pistácie zelená |
| # A1C935 | Šalát zelený |
| # 7FE817 | Kolibrík zelený |
| # 59E817 | Hmlovina zelená |
| # 57E964 | Svietiaca kontrolka zelená |
| # 64E986 | Zelené riasy |
| # 5EFB6E | Jade Green |
| # 00FF00 | zelená |
| # 5FFB17 | Smaragdovo zelená |
| # 87F717 | Trávniková zelená |
| # 8AFB17 | chartreuska |
| # 6AFB92 | Dragon Green |
| # 98FF98 | mätovo zelená |
| # B5EAAA | Zelený palec |
| # C3FDB8 | Svetlo Jade |
| # CCFB5D | Čajová zelená |
| # B1FB17 | Zelená Žltá |
| # BCE954 | Slizovo zelená |
| # EDDA74 | zlatobyľ |
| # EDE275 | Zber zlata |
| # FFE87C | Žltá |
4. Žlté farebné názvy HTML
Žltú farbu je možné použiť na nastavenie nezávažnej nálady, prejavenia kreativity a optimizmu na stránke. Majte na pamäti, že žltá funguje lepšie ako pozadie ako farba textu.
| # FFFF00 | žltá |
| # FFF380 | Kukurica žltá |
| # FFFFC2 | pergamen |
| #FFFFCC | krém |
| # FFF8C6 | Citrónový šifón |
| # FFF8DC | Cornsilk |
| # F5F5DC | béžový |
| # FBF6D9 | Blondínka |
| # FAEBD7 | AntiqueWhite |
| # F7E7CE | šampanské |
| #FFEBCD | BlanchedAlmond |
| # F3E5AB | vanilka |
| # ECE5B6 | Tan Brown |
| # FFE5B4 | broskyňa |
| # FFDB58 | horčica |
| # FFD801 | Rubber Ducky Yellow |
| # FDD017 | Svetlé zlato |
| # EAC117 | zlato-hnedá |
| # F2BB66 | Špagety so syrom |
| # FBB917 | šafran |
| # FBB117 | pivo |
| # FFA62F | ananásový melón |
| # E9AB17 | Bee žltá |
5. Hnedé farby HTML
Hnedé pozadie môže sťažiť čítanie bieleho alebo čierneho textu, môžete sa uchýliť k užívateľovi iných farieb, ktoré majú dobrý kontrast proti vášmu hnedému odtieňu.
| # E2A76F | Hnedý cukor |
| # DEB887 | pieskovo hnedá |
| # FFCBA4 | Deep Peach |
| # C9BE62 | Ginger Brown |
| # E8A317 | Školský autobus žltý |
| # EE9A4D | Sandy Brown |
| # C8B560 | Fall Leaf Brown |
| # D4A017 | Oranžové zlato |
| # C2B280 | piesok |
| # C7A317 | Cookie Brown |
| # C68E17 | karamel |
| # B5A642 | mosadz |
| # ADA96E | hnedožltý |
| # C19A6B | Ťava hnedá |
| # CD7F32 | bronz |
| # C88141 | Tiger Orange |
| # C58917 | škorica |
| # AF9B60 | Bullet Shell |
| # AF7817 | Dark Goldenrod |
| # B87333 | meď |
| # 966F33 | drevo |
| # 806517 | Oak Brown |
| # 827839 | mokasín |
| # 827B60 | Army Brown |
| # 786D5F | pieskovec |
| # 493D26 | moka |
| # 483C32 | tmavošedý |
| # 6F4E37 | káva |
| # 835C3B | Hnedý medveď |
| # 7F5217 | Červená špina |
| # 7F462C | sépia |
6. Oranžové farby HTML
Oranžová funkcia vyniká na zvýraznenie bodu, keď sa farba používa ako pozadie, a môže vyvolať pocit nadšenia a tepla bez toho, aby bola príliš lepkavá.6. Oranžové farby HTML
| # C47451 | Orange Salmon |
| # C36241 | Hrdza |
| # C35817 | Červená líška |
| # C85A17 | čokoláda |
| # CC6600 | Sedona |
| # E56717 | Papaya Orange |
| # E66C2C | Halloween Orange |
| # F87217 | Tekvica oranžová |
| # F87431 | Stavebný kužeľ oranžový |
| # E67451 | Sunrise Orange |
| # FF8040 | Mango Orange |
| # F88017 | Tmavo oranžová |
| # FF7F50 | koralový |
| # F88158 | Basket Ball Orange |
| # F9966B | Ľahký losos |
| # E78A61 | mandarínka |
| # E18B6B | Tmavý losos |
| # E77471 | Light Coral |
| # F75D59 | Fazuľa červená |
| # E55451 | Valentine červená |
| # E55B3C | Šokujúce Orange |
7. Červené farebné kódy HTML
V niektorých prehliadačoch sa ako navštívené odkazy používa červený podčiarknutý text. Mali by ste sa vyhnúť používaniu tohto textu, aby nezavádzali návštevníkov.
| # FF0000 | červená |
| # FF2400 | purpur |
| # F62217 | Rubínovo červená |
| # F70D1A | Ferrari Red |
| # F62817 | Fire Engine Red |
| # E42217 | Láva červená |
| # E41B17 | Láska červená |
| # DC381F | grapefruit |
| # C34A2C | Gaštanová červená |
| # C24641 | Cherry Red |
| # C04000 | mahagón |
| # C11B17 | Čili paprička |
| # 9F000F | brusnica |
| # 990012 | Červené víno |
| # 8C001 | burgundské |
| # 954535 | gaštan |
| # 7E3517 | Krvavo červená |
| # 8A4117 | oranžovo žltá farba |
| # 7E3817 | Sangria |
| # 800517 | tehla |
| # 810541 | Maroon |
| # 7D0541 | Slivkový koláč |
| # 7E354D | Velvet Maroon |
| # 7D0552 | Slivka Velvet |
| # 7F4E52 | Rosy Finch |
| # 7F5A58 | puce |
| # 7F525D | Dull Purple |
| # B38481 | Rosy Brown |
| # C5908E | Khaki Rose |
8. Ružové farebné kódy HTML
Podľa vedy o farbách sa Pink a jeho odtiene môžu použiť, ak chcete, aby mal návštevník v podvedomí pocit sebavedomia, sofistikovanosti a tepla.
| # C48189 | Pink Bow |
| # C48793 | Rúžová ružová |
| # E8ADAA | Rose |
| # ECC5C0 | Ružové zlato |
| # EDC9AF | Púštny piesok |
| # FDD7E4 | Prasa ružová |
| #FCDFFF | Cukrová vata |
| #FFDFDD | Pink Bubble Gum |
| # FBBBB9 | Misty Rose |
| #FAAFBE | Ružová |
| #FAAFBA | Svetlo ružová |
| # F9A7B0 | Flamingo Pink |
| # E7A1B0 | Ružová ruža |
| # E799A3 | Pink Daisy |
| # E38AAE | Cadillac Pink |
| # F778A1 | Karafiát ružový |
| # E56E94 | Červenkasté červené |
| # F660AB | Hot Pink |
| # FC6C85 | Melón Ružový |
| # F6358A | Fialová červená |
| # F52887 | Tmavo ružová |
| # E45E9D | Ružový košíček |
| # E4287C | Ružová limonáda |
| # F535AA | Neon Pink |
| zadajte hodnotu # FF00FF | Magenta |
| # E3319D | Dimorphotheca Magenta |
| # F433FF | Svetlé neónové ružové |
| # D16587 | Svetlá fialová červená |
| # C25A7C | Tulipánová ružová |
| # CA226B | Stredná fialová červená |
| # C12869 | Rogue Pink |
| # C12267 | Spálená ružová |
| # C25283 | Bashful Pink |
| # C12283 | Tmavý karafiát ružový |
| # B93B8F | slivka |
9. Farebné a biele farebné kódy HTML
Použitie farby bieleho textu proti bielemu pozadiu bude pre používateľov nečitateľná a okrem toho, že nebude užívateľsky prívetivý, môžete pre svoje stránky získať pokutu za SEO, preto vždy používajte biele a iné svetlé farby proti tmavému pozadiu.
| # 7E587E | Viola Purple |
| # 571B7E | Fialová Iris |
| # 583759 | Slivová Fialová |
| # 4B0082 | indigo |
| # 461B7E | Purple Monster |
| # 4E387E | Purple Haze |
| # 614051 | Baklažán |
| # 5E5A80 | zrnko vína |
| # 6A287E | Purple Jam |
| # 7D1B7E | Dark Orchid |
| # A74AC7 | Fialový kvet |
| # B048B5 | Stredná orchidea |
| # 6C2DC7 | Fialový ametyst |
| # 842DCE | Tmavo fialová |
| # 8D38C9 | fialový |
| # 7A5DC7 | Purpurová šalvia Bush |
| # 7F38EC | Krásne fialové |
| # 8E35EF | Fialová |
| # 893BFF | Aztech Purple |
| # 8467D7 | Stredne fialová |
| # A23BEC | Jasmínová fialová |
| # B041FF | Fialový narcis |
| # C45AEC | Tyrian Purple |
| # 9172EC | Crocus Purple |
| # 9E7BFF | Purpurová Mimosa |
| # D462FF | Heliotrope Purple |
| # E238EC | karmínová |
| # C38EC7 | Purpurový drak |
| # C8A2C8 | orgován |
| # E6A9EC | Červenkasté |
| # E0B0FF | fialový |
| # C6AEC7 | Wisteria Purple |
| # F9B7FF | Blossom Pink |
| # D2B9D3 | bodliak |
| # E9CFEC | brčál |
| # EBDDE2 | Levanduľa Pinocchio |
| # E3E4FA | Levanduľa modrá |
| # FDEEF4 | perla |
| # FFF5EE | SeaShell |
| #FEFCFF | Mliečne biele |
| #FFFFFF | biely |
Niektoré najpoužívanejšie farebné kódy HTML
Toto sú niektoré z populárnych farieb používaných na webe, dal som ich do samostatnej tabuľky, aby ich bolo možné rýchlo nájsť.
| červená | # FF0000 | biely | #FFFFFF |
| Tyrkysový | zadajte hodnotu # 00FFFF | striebro | # C0C0C0 |
| Modrá | # 0000FF | Sivá alebo sivá | # 808080 |
| Tmavomodrá | # 0000A0 | čierna | # 000000 |
| Svetlo modrá | # ADD8E6 | oranžový | # FFA500 |
| Fialová | # 800080 | hnedý | # A52A2A |
| žltá | # FFFF00 | Maroon | # 800000 |
| vápno | # 00FF00 | zelená | # 008000 |
| Magenta | zadajte hodnotu # FF00FF | Olivový | # 808000 |
záver
Teraz, keď máte rýchle referenčné tabuľky bežných farieb HTML, mali by ste byť schopní na svojej stránke použiť ľubovoľnú farbu. Z kreatívneho hľadiska by ste sa mali vyhnúť používaniu drsných farieb, ak je to možné, a pri práci s prednou časťou stránky je tiež dôležité zachovať grafiku alebo farby pozadia, aby sa zabezpečil správny kontrast.
Odporúčané články
Toto je sprievodca farebnými názvami HTML. Tu uvádzame príklady, ako implementovať farby na webovú stránku pomocou rôznych farieb HTML. Viac informácií nájdete aj v ďalších navrhovaných článkoch -
- Štýly písma HTML
- Atribúty HTML
- HTML štýly
- Ako funguje HTML
- Farby v Matlabe Ako zmeniť štýl v Matlabe?