Minecraft kódy farby 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
Ampersand (&), za ktorým nasleduje hexadecimálne číslo v správach, signalizuje klientovi, aby pri zobrazovaní textu prepínal farby. Prípadne je možné formátovať text pomocou znaku &, za ktorým nasleduje písmeno. Môžete pridať rôzne farby do kníh, príkazových blokov, názvu servera, popisu servera (motd), svetových mien, značiek a dokonca aj mien hráčov.
Formátovanie textu v konfiguráciách alebo v hre je veľmi jednoduché pomocou tabuľky farieb nižšie. &r slúži na vymazanie 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 | názov | 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á | tmavomodrá | 0 | 0 | 170 | 0000 AA | 0 | 0 | 42 | 00002A |
&2 | tmavozelený | tmavozelený | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Tmavo modro-zelená | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | Tmavo červená | tmavo červená | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Tmavofialová | tmavofialová | 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 | Tmavošedý | 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 |
a pod | Č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 | biely | biely | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Niekedy je to nevyhnutné podčiarknuť, podčiarknuť, Zlatý klinec nejaký text. Na tento účel sa používa formátovanie textu. Používa sa rovnakým spôsobom ako farby (pred text, ktorý vložíme kód, napríklad &lMinecraft= Minecraft.
Pre vaše pohodlie je nižšie uvedená tabuľka kódov na formátovanie:
kód | názov |
---|---|
&k | magický text |
&l | Miniatúra |
&m | Prečiarknutý text |
&n | Podčiarknutý text |
&o | Kurzíva |
&r | Text bez formátovania |
Na určenie farieb sa používajú hexadecimálne čísla. Šestnástková sústava je na rozdiel od desiatkovej sústavy založená, ako už 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. Čísla väčšie ako 15 v šestnástkovej sústave vznikajú spojením dvoch čísel do jedného. Napríklad číslo 255 v desiatkovej sústave zodpovedá číslu FF v šestnástkovej sústave. Aby sa predišlo nejasnostiam v definícii číselnej sústavy, pred hexadecimálnym číslom sa nachádza symbol hash #, napríklad #666999. Každá z troch farieb – červená, zelená a modrá – môže nadobúdať hodnoty od 00 do FF. Označenie farby je teda rozdelené do troch zložiek #rrggbb, kde prvé dva znaky označujú červenú zložku farby, dva stredné zelenú a posledné dva modrú. Je povolené používať skrátenú formu #rgb, kde by mal byť každý znak zdvojený. Záznam #fe0 by sa teda mal považovať za #ffee00.
podľa názvu
internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Prehliadače podporujú niektoré farby podľa názvu. V tabuľke. 1 zobrazuje názvy, hexadecimálny kód, hodnoty v RGB, formát HSL a popis.
názov | Farba | kód | RGB | HSL | Popis |
---|---|---|---|---|---|
biely | #ffff alebo #fff | rgb(255,255,255) | hsl(0,0%,100%) | biely | |
striebro | #c0c0c0 | rgb(192,192,192) | hsl (0,0 %, 75 %) | Šedá | |
sivá | #808080 | rgb(128,128,128) | hsl (0,0 %, 50 %) | Tmavošedý | |
čierna | #000000 alebo #000 | rgb(0,0,0) | hsl(0,0%,0%) | čierna | |
gaštanové | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Tmavo červená | |
červená | #ff0000 alebo #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Červená | |
oranžová | #ffa500 | rgb(255,165,0) | hsl (38,8,100%,50%) | Oranžová | |
žltá | #ffff00 alebo #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | žltá | |
olivový | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Olivový | |
vápno | #00ff00 alebo #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | svetlo zelená | |
zelená | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | zelená | |
aqua | #00ffff alebo #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Modrá | |
Modrá | #0000ff alebo #00f | rgb(0,0,255) | hsl(240,100%,50%) | Modrá | |
námorníctvo | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Tmavomodrá | |
modrozelený | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | modro zelená | |
fuchsiová | #ff00ff alebo #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Ružová | |
Fialová | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | fialový |
S RGB
internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Farbu môžete definovať pomocou hodnôt červenej, zelenej a modrej v desatinných číslach. Každá z troch farebných zložiek nadobúda hodnotu od 0 do 255. Prijateľné je aj nastavenie farby v percentách, pričom 100 % bude zodpovedať číslu 255. Najprv sa určí kľúčové slovo rgb a potom sa zadajú farebné zložky uvedené v zátvorkách oddelené čiarkami, napríklad rgb(255 , 128, 128) alebo rgb(100 %, 50 %, 50 %).
RGBA
internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Formát RGBA je syntaxou podobný RGB, ale obsahuje alfa kanál, ktorý nastavuje priehľadnosť prvku. Hodnota 0 je úplne priehľadná, 1 je nepriehľadná a stredná hodnota ako 0,5 je priesvitná.
RGBA sa pridáva do CSS3, takže validácia kódu CSS by sa mala vykonávať podľa tejto verzie. Treba poznamenať, že štandard CSS3 je stále vo vývoji a niektoré jeho funkcie sa môžu zmeniť. Napríklad farba RGB pridaná do vlastnosti farba pozadia prejde validáciou, ale farba pridaná do vlastnosti pozadia nie. Prehliadače zároveň celkom správne chápu farbu pre obe vlastnosti.
HSL
internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Názov formátu HSL je tvorený kombináciou prvých písmen Hue (odtieň), Saturate (sýtosť) a Lightness (svetlosť). Odtieň je hodnota farby na farebnom koliesku (obr. 1) a udáva sa v stupňoch. 0° je červená, 120° je zelená a 240° je modrá. Hodnota odtieňa sa môže meniť od 0 do 359.
Ryža. 1. Farebné koliesko
Sýtosť je intenzita farby meraná v percentách od 0 % do 100 %. Hodnota 0 % označuje žiadnu farbu a odtieň sivej, 100 % je maximálna hodnota sýtosti.
Svetlosť nastavuje, aká jasná je farba, a určuje sa v percentách od 0 % do 100 %. Nízke hodnoty farbu stmavia, vysoké hodnoty zosvetlia, extrémne hodnoty 0% a 100% zodpovedajú čiernej a bielej.
HSLA
internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Formát HSLA je syntaxou podobný HSL, ale obsahuje alfa kanál, ktorý nastavuje priehľadnosť prvku. Hodnota 0 je úplne priehľadná, 1 je nepriehľadná a stredná hodnota ako 0,5 je priesvitná.
Hodnoty farieb vo formátoch RGBA, HSL a HSLA sa pridávajú do CSS3, takže pri používaní týchto formátov skontrolujte platnosť kódu v porovnaní s verziou.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
POZOR
Všetky spôsoby odchytu leva uvedené na stránke sú teoretické a založené na výpočtových metódach. Autori neručia za vašu bezpečnosť pri ich používaní a zriekajú sa akejkoľvek zodpovednosti za výsledok. Pamätajte, že lev je dravec a nebezpečné zviera!
Výsledok tohto príkladu je znázornený na obr. 2.
Ryža. 2. Farby na webovej stránke
>> Správa farieb
Hexadecimálne hodnoty farieb RGB
Metódy opisu a spracovania farieb sa navzájom líšia v tom, na aké konečné zobrazenie sú určené. Porovnajme napríklad zobrazenia farieb pre polygrafiu a pre počítačové monitory. V prvom prípade je základ biely farba papiera, na ktorú sa následne nanesú tri základné farby: Modrá, Fialová A žltá. Miešaním medzi sebou a s bielou farbou papiera v rôznych pomeroch, tieto tri základné farby dávajú rôzne farebné odtiene, okrem čistej čiernej, alebo pri úplnej absencii farieb dávajú bielemu papieru. Ak k nim pridáme čiernu, dostaneme CMYK- spôsob prenosu farby, keď sa požadovaná farba získa odčítaním chýbajúcich farieb od bielej.
V druhom prípade je základ čierna farba obrazovky monitora, ktorej každá bunka svieti jednou z troch farieb: červená- červená, zelená- zelené a Modrá-Modrá. Potom pri úplnej absencii akéhokoľvek lesku dostaneme čisto čiernu farbu obrazovky a ktorákoľvek z požadovaných farieb je daná pomerom každej z troch farieb. V tomto prípade dostaneme RGB- Metóda prenosu farieb. Primárne farby môžu mať význam od 0
predtým 255
, alebo z 0%
predtým 100%
, alebo môže byť vyjadrená ako hexadecimálna hodnota. Na obrázku nižšie môžete vidieť výsledky miešania základných farieb.
Hexadecimálna číselná sústava, na rozdiel od desiatkovej číselnej sústavy, nemá vo svojom číselnom rade desať číslic, ale šestnásť - odtiaľ názov. V súlade s tým môžu byť neopakujúce sa varianty kombinácií dvoch číslic iba - 256 , ak chcete pokračovať v rade číslic po 9 listy od A predtým F, takže riadok bude vyzerať takto -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
V tomto prípade je farba daná tromi hexadecimálnymi číslami, z ktorých každé pozostáva z dvoch číslic. Prvé číslo určuje intenzitu červená farby, priemer zelená, posledná vec- Modrá farby. Všetky čísla môžu nadobúdať hodnoty v rozsahu od 00 predtým FF(od 0 do 255). Napríklad: zelená farba je uvedená ako #00FF00, červená - ako #FF0000, modrá - ako #0000FF, biela - ako #FFFFFF, úplná absencia farby alebo čiernej je daná ako #000000 .
Vo formulári nižšie môžete pre každú z troch farieb nastaviť ľubovoľné hexadecimálne hodnoty a kliknutím do výstupného poľa zobraziť výsledok ich zmiešania.
Príklady niektorých hexadecimálnych hodnôt farieb RGB: červená, modrá a zelená gradácia.
vyhliadka | kód | vyhliadka | kód | vyhliadka | kód | vyhliadka | kód | vyhliadka | kód | vyhliadka | kód |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Určenie farby pomocou reťazcových literálov
Kvôli jednoduchosti používania dostali niektoré farby a ich kombinácie názvy, ktoré rozpoznávajú všetky prehliadače a mnohé z nich bolo možné nastaviť podľa názvu. V tabuľke nižšie sú uvedené niektoré názvy farieb:
vyhliadka | názov | vyhliadka | názov | vyhliadka | názov | vyhliadka | názov |
biely | Červená | Oranžová | žltá | ||||
zelená | Modrá | Fialová | čierna | ||||
Alice modrá | starožitná biela | Aqua | akvamarín | ||||
Azure | Béžová | Bisque | blanchedalmond | ||||
Modrofialová | Hnedá | Burlywood | Cadetblue | ||||
chartreuse | Čokoláda | Coral | Nevädza modrá | ||||
Cornsilk | Crimson | tyrkysový | tmavomodrá | ||||
Darkcyan | darkgoldenrod | tmavo-sivá | tmavozelený | ||||
Darkkhaki | Darkmagenta | Darkolivegreen | tmavooranžová | ||||
Darkorchid | tmavo červená | tmavý losos | Tmavomorská zelená | ||||
tmavoslate modrá | tmavoslate šedá | tmavotyrkysová | Tmavofialová | ||||
Deeppink | hlboká nebeská modrá | Dimgray | dodger blue | ||||
Ohnivá tehla | Kvetinovo biele | lesná zeleň | Fuschia | ||||
Gainsboro | duch biely | Zlato | zlatobyľ | ||||
Šedá | Zelenožltá | Medová Rosa | hotpink | ||||
Indická červená | Indigo | Slonovina | kaki | ||||
Levanduľa | Levanduľová ruža | Lemonchiffon | svetlo modrá | ||||
svetlý koral | svetlocyan | svetlostudenárodožltá | svetlo zelená | ||||
svetlo sivá | Svetlo ružová | svetlý losos | Svetlomorská zelená | ||||
svetloskymodrá | Svetlá bridlicová šedá | svetlo oceľovo modrá | svetlo žltá | ||||
vápno | Limetková zelená | bielizeň | purpurová | ||||
gaštanové | stredný akvamarín | stredne modrá | Stredná orchidea | ||||
Stredne fialová | Strednezelená | Stredne bridlicovomodrá | Stredne jarná zelená | ||||
stredne tyrkysová | stredne fialová | polnočná modrá | mätový krém | ||||
mistyrose | Navajobiela | námorníctvo | oldlace | ||||
Olivový | Olivedrab | oranžová červená | Orchidea | ||||
palegoldenrod | Svetlo zelená | paleturquoise | palefialová | ||||
papayawhip | Peachpuff | Peru | Ružová | ||||
Slivka | Prášková modrá | Rosybrown | kráľovská modrá | ||||
sedlovo hnedá | seagreen | Mušle | Sienna | ||||
Strieborná | modrá obloha | Slateblue | Slategray | ||||
Sneh | Springgreen | oceľovo modrá | Tan | ||||
Modrozelený | Bodliak | paradajka | tyrkysová | ||||
fialový | Pšenica | Whitesmoke | žltá zelená |
Používanie bezpečného výberu farieb
Bohužiaľ, na rôznych platformách s rôznymi systémovými nastaveniami je správna reprodukcia farieb problém. Ide o to, že prehliadač sa vždy snaží prispôsobiť farebnú paletu dokumentu systémovým nastaveniam a možnostiam monitora, a to zmiešaním a nahradením farieb. V dôsledku toho používateľ niekedy nevidí úplne to, čo mu správca webu chcel ukázať. Východisko z tejto situácie sa našlo v použití palety, ktorej každú farbu zaručene vykreslia všetky prehliadače na rôznych platformách rovnako. Tento tzv zaručené paleta, známa aj ako bezpečné paleta. Táto paleta obsahuje farby, ktorých farebné zložky nadobúdajú nasledujúce hodnoty: 00 ,33 ,66 ,99 , CC,FF, vo všetkých možných 216 ich kombinácie.
vyhliadka | kód | vyhliadka | kód | vyhliadka | kód | vyhliadka | kód | vyhliadka | kód | vyhliadka | kód |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33 CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99 CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399 CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699 CC | 336699 | 006699 | ||||||
0066FF | 3366 CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000 FF | 0000 CC | 0033CC | 000033 | ||||||
3333FF | 3300 FF | 3300 CC | 3333 CC | 000099 | 000066 | ||||||
9999 CC | 6666FF | 6666 CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600 FF | 330099 | 330066 | ||||||
9966 CC | 9966FF | 6600 CC | 6633 CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900 FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900 CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
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 (čierna), biela (biela), červená (červená), zelená (zelená), modrá (modrá) atď.:
Farba textu – červená
Najpopulárnejšie farby štandardu World Wide Web Consortium (W3C) sú:
Farba | názov | Farba | názov | Farba | názov | Farba | názov |
---|---|---|---|---|---|---|---|
čierna | Šedá | Strieborná | biely | ||||
žltá | vápno | Aqua | Fuchsiová | ||||
Červená | zelená | Modrá | Fialová | ||||
gaštanové | Olivový | námorníctvo | Modrozelený |
Príklad použitia rôznych názvov farieb:
Príklad: nastavenie farby podľa jej názvu
- Skúste to sami"
Hlavička na červenom pozadí
Hlavička na oranžovom pozadí
Hlavička na vápnom pozadí
Biely text na modrom pozadí
Hlavička na červenom pozadí
Hlavička na oranžovom pozadí
Hlavička na vápnom pozadí
Biely text na modrom pozadí
Určenie farby pomocou RGB
Pri zobrazovaní rôznych farieb na monitore sa za základ berie paleta RGB. Akákoľvek farba sa získa zmiešaním troch hlavných: R - červená, G - zelená (zelená), B - modrá (modrá). Jas každej farby je daný jedným bytom, a preto môže 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 ostatné sú nastavené na 0 Farbu môžete nastaviť aj v percentách. Každý z parametrov udáva úroveň jasu zodpovedajúcej farby. Napríklad: hodnoty rgb(127, 255, 127) a rgb(50%, 100%, 50%) nastavia rovnakú strednú sýtosť zelenej farby:
Príklad: Určenie farby pomocou RGB
- Skúste to 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 je na rozdiel od desiatkovej sústavy založená, ako už z jej názvu vyplýva, na čísle 16. V šestnástkovej sústave sa používajú 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 predstavujú spojenie dvoch znakov do jednej hodnoty. Napríklad najvyššie číslo 255 v desiatkovej sústave zodpovedá najvyššiemu FF v šestnástkovej sústave. Na rozdiel od desiatkovej sústavy je pred šestnástkovým číslom znak libry. # , 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 # možno písať veľkými aj malými písmenami. Hexadecimálny systém umožňuje použiť skrátenú formu #rgb, kde sa každý znak rovná dvojnásobku. Záznam #f7O by sa teda mal považovať za #ff7700.
Príklad: Farba HEX
- Skúste to 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žne používaných farieb (názov, HEX a RGB):
anglické meno | 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 | |
tmavo jarná zelená | Tmavo 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 | |
vápno | 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 | |
broskyňa | 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á zeleň | zelené more | #2E8B57 | 46 | 139 | 87 | |
Bažinatá zelená | Bolotný | #ACB78E | 172 | 183 | 142 | |
Modrozelený | modro zelená | #008080 | 0 | 128 | 128 | |
Ultramarínový | ultramarín | #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 farieb v CSS sa používajú na špecifikáciu farieb. Farebné kódy alebo hodnoty farieb sa zvyčajne používajú na nastavenie farby buď popredia prvku (napr. text, farba odkazu) alebo pozadia prvku (farba pozadia, bloku). Môžu byť tiež použité na zmenu farby tlačidiel, okrajov, značky, vznášania a iných dekoratívnych efektov.
Hodnoty farieb môžete nastaviť v rôznych formátoch. V nasledujúcej tabuľke sú uvedené všetky možné formáty:
Tieto formáty sú podrobnejšie opísané nižšie.
CSS farby - Hex kódy
Hexadecimálny kód farby je šesťmiestne zobrazenie farieb. Prvé dve číslice (RR) sú červená hodnota, ďalšie dve sú zelená hodnota (GG) a posledné dve sú modrá hodnota (BB).
CSS farby - krátke hexadecimálne kódy
Krátky hexadecimálny kód farby je kratšia forma šesťznakového zápisu. V tomto formáte sa každá číslica opakuje, aby sa vytvorila ekvivalentná šesťciferná hodnota farby. Napríklad: #0F0 sa zmení na #00FF00.
Šestnástkovú hodnotu možno prevziať z akéhokoľvek grafického softvéru, ako je Adobe Photoshop, Core Draw atď.
Každému hexadecimálnemu farebnému kódu v CSS bude predchádzať znak hash „#“. Nasledujú príklady použitia hexadecimálneho zápisu.
Farby CSS - Hodnoty RGB
hodnota RGB je kód farby, ktorý sa nastavuje pomocou vlastnosti rgb(). Táto vlastnosť má tri hodnoty: jednu pre červenú, zelenú a modrú. Hodnota môže byť celé číslo od 0 do 255 alebo percento.
Poznámka: Nie všetky prehliadače podporujú vlastnosť farby rgb(), preto sa neodporúča používať ju.
Nižšie je uvedený príklad viacerých farieb pomocou hodnôt RGB.
Generátor farebného kódu
Pomocou našej služby môžete vytvoriť milióny farebných kódov.
Bezpečné farby prehliadača
Nižšie je uvedená tabuľka 216 farieb, ktoré sú najbezpečnejšie a nezávislé od počítača. Tieto farby v CSS sa pohybujú od 000000 do FFFFFF hex kód. Ich používanie je bezpečné, pretože zaisťujú, že všetky počítače budú správne zobrazovať farby pri práci s paletou 256 farieb.
Tabuľka "bezpečných" farieb v CSS | |||||
#000000 | #000033 | #000066 | #000099 | #0000 CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300 CC | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900 CC | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
#99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
#99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
#CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
#CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
#CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
#CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
#CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
#CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |