V HTML môže byť farba určená tromi spôsobmi:
Nastavenie farby v HTML podľa jej názvu
Niektoré farby môžu byť špecifikované ich názvom, pričom ako hodnotu použijete názov farby v angličtine. Najčastejšie kľúčové slová: čierna, biela, červená, zelená, modrá atď.:
Farba textu – červená
Najpopulárnejšie farby štandardu World Wide Web Consortium (W3C):
Farba | Meno | Farba | Meno | Farba | Meno | Farba | Meno |
---|---|---|---|---|---|---|---|
Čierna | Šedá | Strieborná | Biela | ||||
Žltá | Limetka | Aqua | Fuchsiová | ||||
Červená | Zelená | Modrá | Fialová | ||||
Maroon | Olivový | námorníctvo | Teal |
Príklad použitia rôznych názvov farieb:
Príklad: určenie farby podľa jej názvu
- Vyskúšajte sami »
Hlavička na červenom pozadí
Hlavička na oranžovom pozadí
Smer na pozadí vápna
Biely text na modrom pozadí
Hlavička na červenom pozadí
Hlavička na oranžovom pozadí
Smer na pozadí vápna
Biely text na modrom pozadí
Určenie farby pomocou RGB
Pri zobrazovaní rôznych farieb na monitore sa ako základ používa paleta RGB. Akákoľvek farba sa získa zmiešaním troch základných farieb: R - červená, G - zelená, B - modrá. Jas každej farby je daný jedným bytom a môže teda nadobúdať hodnoty od 0 do 255. Napríklad RGB(255,0,0) sa zobrazí ako červená, pretože červená je nastavená na najvyššiu hodnotu (255) a zvyšok sú nastavené na 0 Farbu môžete nastaviť aj v percentách. Každý parameter označuje úroveň jasu príslušnej farby. Napríklad: hodnoty rgb(127, 255, 127) a rgb(50%, 100%, 50%) nastavia rovnakú zelenú farbu strednej sýtosti:
Príklad: Určenie farby pomocou RGB
- Vyskúšajte sami »
rgb(127, 255, 127)
rgb (50 %, 100 %, 50 %)
rgb(127, 255, 127)
rgb (50 %, 100 %, 50 %)
Nastavte farbu podľa hexadecimálnej hodnoty
hodnoty R G B možno zadať aj pomocou hexadecimálnych (HEX) hodnôt farieb v tvare: #RRGGBB kde RR (červená), GG (zelená) a BB (modrá) sú hexadecimálne hodnoty od 00 do FF (rovnaké ako desatinné 0-255 ). Šestnástková sústava, na rozdiel od desiatkovej, vychádza, ako už jej názov napovedá, z čísla 16. Šestnástková sústava používa tieto znaky: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Tu sú čísla od 10 do 15 nahradené latinskými písmenami. Čísla väčšie ako 15 v šestnástkovej sústave sú reprezentované spojením dvoch znakov do jednej hodnoty. Napríklad najvyššie číslo 255 v desiatkovej sústave zodpovedá najvyššej hodnote FF v šestnástkovej sústave. Na rozdiel od desiatkovej sústavy sa pred šestnástkovým číslom nachádza symbol hash. # , napríklad #FF0000 sa zobrazí ako červená, pretože červená je nastavená na najvyššiu hodnotu (FF) a ostatné farby sú nastavené na minimálnu hodnotu (00). Znaky za symbolom hash # Môžete písať veľkými aj malými písmenami. Hexadecimálny systém umožňuje použiť skrátenú formu #rgb, kde každý znak je ekvivalentný dvojnásobku. Záznam #f7O by sa teda mal považovať za #ff7700.
Príklad: HEX farba
- Vyskúšajte sami »
červená: #FF0000
zelená: #00FF00
modrá: #0000FF
červená: #FF0000
zelená: #00FF00
modrá: #0000FF
červená+zelená=žltá: #FFFF00
červená+modrá=fialová: #FF00FF
zelená+modrá=azúrová: #00FFFF
Zoznam bežných farieb (názov, HEX a RGB):
anglický názov | Ruské meno | Ukážka | HEX | RGB | ||
---|---|---|---|---|---|---|
Amarant | Amarant | #E52B50 | 229 | 43 | 80 | |
Amber | Amber | #FFBF00 | 255 | 191 | 0 | |
Aqua | Modro-zelená | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
Čierna | Čierna | #000000 | 0 | 0 | 0 | |
Modrá | Modrá | #0000FF | 0 | 0 | 255 | |
Modrá Bondi | Plážová voda Bondi | #0095B6 | 0 | 149 | 182 | |
Mosadz | Mosadz | #B5A642 | 181 | 166 | 66 | |
Hnedá | Hnedá | #964B00 | 150 | 75 | 0 | |
Cerulean | Azure | #007BA7 | 0 | 123 | 167 | |
Tmavá jarná zelená | Tmavá jarná zelená | #177245 | 23 | 114 | 69 | |
Emerald | Emerald | #50C878 | 80 | 200 | 120 | |
Baklažán | Baklažán | #990066 | 153 | 0 | 102 | |
Fuchsiová | Fuchsiová | #FF00FF | 255 | 0 | 255 | |
Zlato | Zlato | #FFD700 | 250 | 215 | 0 | |
Šedá | Šedá | #808080 | 128 | 128 | 128 | |
Zelená | Zelená | #00FF00 | 0 | 255 | 0 | |
Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
Limetka | Limetka | #CCFF00 | 204 | 255 | 0 | |
malachit | malachit | #0BDA51 | 11 | 218 | 81 | |
námorníctvo | Tmavomodrá | #000080 | 0 | 0 | 128 | |
okrová | okrová | #CC7722 | 204 | 119 | 34 | |
Olivový | Olivový | #808000 | 128 | 128 | 0 | |
Oranžová | Oranžová | #FFA500 | 255 | 165 | 0 | |
Peach | Peach | #FFE5B4 | 255 | 229 | 180 | |
Tekvica | Tekvica | #FF7518 | 255 | 117 | 24 | |
Fialová | Fialová | #800080 | 128 | 0 | 128 | |
Červená | Červená | #FF0000 | 255 | 0 | 0 | |
Šafran | Šafran | #F4C430 | 244 | 196 | 48 | |
Morská zelená | Zelené more | #2E8B57 | 46 | 139 | 87 | |
Bažinatá zelená | Bolotný | #ACB78E | 172 | 183 | 142 | |
Teal | Modro-zelená | #008080 | 0 | 128 | 128 | |
Ultramarínový | Ultramarínový | #120A8F | 18 | 10 | 143 | |
Fialová | Fialová | #8B00FF | 139 | 0 | 255 | |
Žltá | Žltá | #FFFF00 | 255 | 255 | 0 |
Farebné kódy (pozadie) podľa sýtosti a odtieňa.
Kódy Minecraft kvety, alebo Minecraft kódy formátovanie, umožní každému hráčovi pridávať kvety a formátovať text všetkými možnými spôsobmi priamo v Minecrafte. Farebné kódy od &0-9 - do &a-f. Pridajte ich pred text. Správy od hráčov môžu obsahovať farebné kódy, ktoré vám umožňujú pridať farbu do viet.
Farby a formátovacie kódy
Znak ampersandu (&), za ktorým nasleduje hexadecimálne číslo v správach, signalizuje klientovi, aby pri zobrazovaní textu prepínal farby. Okrem toho môže byť text formátovaný znakom &, za ktorým nasleduje písmeno. Do kníh, príkazových blokov, názvu servera, popisu servera (motd), svetových mien, značiek a dokonca aj mien hráčov môžete pridať rôzne farby.
Formátovanie textu v konfiguráciách alebo v hre je veľmi jednoduché pomocou tabuľky farieb nižšie. &r slúži na vynulovanie všetkých kódov, t.j. &mAAA&rBBB sa zobrazí ako AAA BBB.
Pre vaše pohodlie uvádzame tabuľku existujúcich farebných kódov v Minecraft:
kód | Meno | Technický názov | Farba symbolu | Symbol farba tieňa | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Hex | R | G | B | Hex | |||
&0 | Čierna | čierna | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Tmavomodrá | tmavo_modrá | 0 | 0 | 170 | 0000 AA | 0 | 0 | 42 | 00002A |
&2 | Tmavo zelená | tmavo_zelená | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Tmavo modro-zelená | dark_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | Tmavo červená | tmavo_červená | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Tmavo fialová | tmavo_fialová | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Zlato | zlato | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Šedá | sivá | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Tmavosivá | tmavo_sivá | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Modrá | modrá | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | Zelená | zelená | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | Modro-zelená | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
atď | Červená | červená | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Svetlo fialová | svetlo_fialová | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Žltá | žltá | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Biela | biela | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Niekedy je to nevyhnutné podčiarknuť, prečiarknuť, zvýrazniť akýkoľvek text. To sa vykonáva pomocou formátovania textu. Používa sa presne rovnakým spôsobom ako farby (uvádzame pred text kód, napríklad &lMinecraft = Minecraft.
Pre vaše pohodlie je nižšie uvedená tabuľka formátovacích kódov:
kód | Meno |
---|---|
&k | Magický text |
&l | Tučný text |
&m | Prečiarknutý text |
&n | Podčiarknutý text |
&o | Kurzíva |
&r | Text bez formátovania |
Vlad Merževič
V HTML je farba určená jedným z dvoch spôsobov: pomocou hexadecimálneho kódu a názvom určitých farieb. Prevažne sa používa metóda založená na hexadecimálnej číselnej sústave, pretože je najuniverzálnejšia.
Hexadecimálne farby
HTML používa na špecifikáciu farieb hexadecimálne čísla. Šestnástková sústava je na rozdiel od desiatkovej sústavy založená, ako už jej názov napovedá, na čísle 16. Čísla budú nasledovné: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Čísla od 10 do 15 sú nahradené latinskými písmenami. V tabuľke 6.1 ukazuje zhodu medzi desatinnými a hexadecimálnymi číslami.
Čísla väčšie ako 15 v šestnástkovej sústave vznikajú spojením dvoch čísel do jedného (tabuľka 6.2). Napríklad číslo 255 v desiatkovej sústave zodpovedá číslu FF v šestnástkovej sústave.
Aby sa predišlo nejasnostiam pri definovaní číselnej sústavy, pred hexadecimálnym číslom sa nachádza symbol hash #, napríklad #aa69cc. V tomto prípade nezáleží na veľkosti písmen, preto je dovolené písať #F0F0F0 alebo #f0f0f0.
Typická farba používaná v HTML vyzerá takto.
Tu je farba pozadia webovej stránky nastavená na #FA8E47. Symbol hash # pred číslom znamená, že je hexadecimálne. Prvé dve číslice (FA) definujú červenú zložku farby, tretia až štvrtá číslica (8E) definujú zelenú zložku a posledné dve číslice (47) definujú modrú zložku. Konečným výsledkom bude táto farba.
F.A. | + | 8E | + | 47 | = | FA8E47 |
Každá z troch farieb – červená, zelená a modrá – môže nadobudnúť hodnoty od 00 do FF, čo vedie k celkovo 256 odtieňom. Celkový počet farieb teda môže byť 256x256x256 = 16 777 216 kombinácií. Farebný model založený na červenej, zelenej a modrej zložke sa nazýva RGB (červená, zelená, modrá). Tento model je aditívny (od add - add), v ktorom pridaním všetkých troch komponentov vzniká biela farba.
Aby ste uľahčili navigáciu v hexadecimálnych farbách, vezmite do úvahy niektoré pravidlá.
- Ak sú hodnoty farebných komponentov rovnaké (napríklad: #D6D6D6), výsledkom bude šedý odtieň. Čím vyššie číslo, tým svetlejšia farba s hodnotami od #000000 (čierna) do #FFFFFF (biela).
- Jasne červená farba sa vytvorí, ak je červená zložka nastavená na maximum (FF) a zvyšné zložky sú nastavené na nulu. Farba s hodnotou #FF0000 je najčervenší možný červený odtieň. To isté platí pre zelenú (#00FF00) a modrú (#0000FF).
- Žltá (#FFFF00) sa vyrába zmiešaním červenej a zelenej. To je jasne viditeľné na farebnom koliesku (obr. 6.1), ktoré predstavuje primárne farby (červená, zelená, modrá) a doplnkové alebo doplnkové. Patrí medzi ne žltá, azúrová a fialová (nazývaná aj purpurová). Vo všeobecnosti možno akúkoľvek farbu získať zmiešaním farieb blízko nej. Azúrová (#00FFFF) sa teda získa spojením modrej a zelenej.
Ryža. 6.1. Farebné koliesko
Farby založené na hexadecimálnych hodnotách nemusia byť vybrané empiricky. Na tento účel je vhodný grafický editor, ktorý dokáže pracovať s rôznymi farebnými modelmi, napríklad Adobe Photoshop. Na obr. Obrázok 6.2 zobrazuje okno pre výber farby v tomto programe, výsledná hexadecimálna hodnota aktuálnej farby je ohraničená čiarou. Môžete ho skopírovať a vložiť do kódu.
Ryža. 6.2. Okno na výber farieb vo Photoshope
Webové farby
Ak nastavíte kvalitu podania farieb monitora na 8 bitov (256 farieb), potom sa tá istá farba môže v rôznych prehliadačoch zobrazovať odlišne. Je to spôsobené spôsobom zobrazovania grafiky, kedy prehliadač pracuje s vlastnou paletou a nedokáže zobraziť farbu, ktorá nie je v jeho palete. V tomto prípade je farba nahradená kombináciou pixelov iných, jemu blízkych farieb, ktoré napodobňujú danú. Aby farba zostala rovnaká v rôznych prehliadačoch, bola predstavená paleta takzvaných webových farieb. Webové farby sú tie farby, pre ktoré je každá zložka – červená, zelená a modrá – nastavená na jednu zo šiestich hodnôt – 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) 255 (FF). Šestnástková hodnota tohto komponentu je uvedená v zátvorkách. Celkový počet farieb zo všetkých možných kombinácií dáva 6x6x6 - 216 farieb. Príklad webovej farby je #33FF66.
Hlavnou črtou webovej farby je, že sa vo všetkých prehliadačoch zobrazuje rovnako. V súčasnosti je relevancia webových farieb veľmi malá vzhľadom na zlepšenie kvality monitorov a rozšírenie ich možností.
Farby podľa názvu
Aby ste si nemuseli pamätať množinu čísel, môžete namiesto nich použiť názvy bežne používaných farieb. V tabuľke 6.3 zobrazuje názvy populárnych názvov farieb.
Názov farby | Farba | Popis | Hexadecimálna hodnota |
---|---|---|---|
čierna | Čierna | #000000 | |
modrá | Modrá | #0000FF | |
fuchsiová | Svetlo fialová | #FF00FF | |
sivá | Tmavosivá | #808080 | |
zelená | Zelená | #008000 | |
vápno | Svetlo zelená | #00FF00 | |
gaštanové | Tmavo červená | #800000 | |
námorníctvo | Tmavomodrá | #000080 | |
olivový | Olivový | #808000 | |
fialová | Tmavo fialová | #800080 | |
červená | Červená | #FF0000 | |
striebro | Svetlo šedá | #C0C0C0 | |
modrozelená | Modro-zelená | #008080 | |
biela | Biela | #FFFFFF | |
žltá | Žltá | #FFFF00 |
Nezáleží na tom, či špecifikujete farbu podľa názvu alebo pomocou hexadecimálnych čísel. Tieto metódy sú svojim účinkom rovnocenné. Príklad 6.1 ukazuje, ako nastaviť farby pozadia a textu webovej stránky.
Príklad 6.1. Farba pozadia a textu
Príklad textu
V tomto príklade je farba pozadia nastavená pomocou atribútu bgcolor značky
a farbu textu prostredníctvom atribútu text. Pre spestrenie je atribút text nastavený na hexadecimálne číslo a atribút bgcolor je nastavený na rezervované kľúčové slovo teal .