Oranžový barevný kód. HTML výukový program. RGB barvy. Bezpečná paleta barev

V HTML lze barvu zadat třemi způsoby:

Nastavení barvy v HTML podle jejího názvu

Některé barvy mohou být specifikovány jejich názvem pomocí názvu barvy na anglický jazyk. Nejčastější klíčová slova: černá (černá), bílá (bílá), červená (červená), zelená (zelená), modrá (modrá) atd.:

Barva textu – červená

Nejoblíbenější barvy konsorcia World Wide Web (angl. World široká síť Konsorcium, W3C):

Příklad použití různých názvů barev:

Příklad: nastavení barvy podle jejího názvu

• Zkus to sám "

Záhlaví na červeném pozadí

Záhlaví na oranžovém pozadí

Záhlaví na pozadí vápna

Bílý text na modrém pozadí

Záhlaví na červeném pozadí

Záhlaví na oranžovém pozadí

Záhlaví na pozadí vápna

Bílý text na modrém pozadí

Určení barvy pomocí RGB

Při zobrazení různých barev na monitoru se za základ bere paleta RGB. Jakákoli barva se získá smícháním tří hlavních: R - červená, G - zelená (zelená), B - modrá (modrá). Jas každé barvy je dán jedním bytem, ​​a proto může nabývat hodnot od 0 do 255. Například RGB (255,0,0) se zobrazí jako červená, protože červená je nastavena na vlastní vysoká cena(255) a zbytek je nastaven na 0. Barvu můžete také nastavit v procentech. Každý z parametrů udává úroveň jasu odpovídající barvy. Například: hodnoty ​​rgb(127, 255, 127) a rgb(50 %, 100 %, 50 %) nastaví stejnou střední sytost zelené barvy:

Příklad: Určení barvy pomocí RGB

• Zkus to sám "

rgb(127, 255, 127)

rgb (50 %, 100 %, 50 %)

rgb(127, 255, 127)

rgb (50 %, 100 %, 50 %)

Nastavte barvu pomocí hexadecimální hodnoty

Hodnoty R G B lze také zadat pomocí hexadecimálních (HEX) barevných hodnot ve tvaru: #RRGGBB kde RR (červená), GG (zelená) a BB (modrá) jsou hexadecimální hodnoty od 00 do FF (stejné jako desítkové 0- 255). Hexadecimální soustava je na rozdíl od desítkové soustavy založena, jak již z názvu vyplývá, na čísle 16. V šestnáctkové soustavě se používají tyto znaky: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Zde se nahrazují čísla od 10 do 15 s latinskými písmeny. Čísla větší než 15 palců hexadecimální soustava jsou spojení dvou znaků do jedné hodnoty. Například největší číslo 255 in desítková soustava odpovídá nejvyšší hodnotě FF v hexadecimální soustavě. Na rozdíl od desítkové soustavy je šestnáctkovému číslu předřazen znak libry. # , například #FF0000 se zobrazí jako červená, protože červená je nastavena na nejvyšší hodnotu (FF) a ostatní barvy na minimální hodnotu (00). Znaky za symbolem hash # lze psát jak velkými, tak malými písmeny. Hexadecimální systém umožňuje používat zkrácený tvar #rgb, kde je každý znak roven dvojnásobku. Záznam #f7O by tedy měl být považován za #ff7700.

Příklad: Barva HEX

• Zkus to sám "

červená: #FF0000

zelená: #00FF00

modrá: #0000FF

červená: #FF0000

zelená: #00FF00

modrá: #0000FF

červená+zelená=žlutá: #FFFF00

červená+modrá=fialová: #FF00FF

zelená+modrá=azurová: #00FFFF

Seznam běžně používaných barev (název, HEX a RGB):

Barevné kódy (pozadí) podle sytosti a odstínu.

>> Správa barev

Hexadecimální hodnoty barev RGB

Metody popisu a zpracování barev se od sebe liší tím, pro jaké konečné zobrazení jsou určeny. Srovnejme například znázornění barev pro polygrafii a pro počítačové monitory. V prvním případě je základ bílý barva papíru, na který jsou následně aplikovány tři základní barvy: modrý, nachový A žlutá. Mícháním mezi sebou a s bílou barvou papíru v různých poměrech tyto tři základní barvy dávají různé barevné odstíny, s výjimkou čistě černé, nebo při absenci barev dávají bílá barva papír. Pokud k nim přidáme černou, dostaneme CMYK- způsob přenosu barvy, když se požadovaná barva získá odečtením chybějících barev od bílé.

V druhém případě je základ Černá barva obrazovky monitoru, jejíž každá buňka svítí jednou ze tří barev: Červené-Červené, zelená-zelená a modrý-modrý. Pak při úplné absenci jakéhokoli záře získáme čistě černou barvu obrazovky a jakákoliv z požadovaných barev je dána poměrem každé ze tří barev. V tomto případě dostaneme RGB- Metoda přenosu barev. Primární barvy mohou mít význam od 0 před 255 , nebo od 0% před 100% , nebo může být reprezentován jako hexadecimální hodnota. Na obrázku níže můžete vidět výsledky míchání základních barev.

Hexadecimální číselná soustava, na rozdíl od desítkové číselné soustavy, nemá ve své číselné řadě deset číslic, ale šestnáct – odtud název. V souladu s tím mohou být neopakující se varianty kombinací dvou číslic pouze - 256 , chcete-li pokračovat v řadě číslic po 9 dopisy od A před F, takže řádek bude vypadat takto -

V tomto případě je barva dána třemi hexadecimálními čísly, z nichž každé se skládá ze dvou číslic. První číslo určuje intenzitu Červené barvy, průměr zelená, poslední věc- modrý barvy. Všechna čísla mohou nabývat hodnot v rozmezí od 00 před FF(od 0 do 255). Například: zelená barva je uvedena jako #00FF00, jako červená #FF0000, modrá - jako #0000FF, jako bílá #FFFFFF, úplná absence barvy nebo černé je uvedena jako #000000 .

Ve formuláři níže můžete pro každou ze tří barev nastavit libovolné hexadecimální hodnoty a kliknutím do výstupního pole zobrazit výsledek jejich smíchání.

Příklady některých hexadecimálních hodnot barev RGB: červená, modrá a zelená gradace.

Určení barvy pomocí řetězcových literálů

Pro usnadnění použití byly některé barvy a jejich kombinace pojmenovány, které jsou rozpoznány všemi prohlížeči, a bylo možné mnoho z nich nastavit podle názvu. Níže uvedená tabulka ukazuje některé názvy barev:

Použití nástroje Safe Color Picker

Bohužel na různé platformy, s různými nastaveními systému je správná reprodukce barev problém. Jde o to, že prohlížeč se vždy snaží upravit barevnou paletu dokumentu nastavení systému a monitorovací schopnosti samomícháním barev a jejich nahrazováním. V důsledku toho někdy uživatel nevidí úplně to, co mu webmaster chtěl ukázat. Východisko z této situace se našlo v použití palety, jejíž každou barvu zaručeně vykreslí stejně všechny prohlížeče na různých platformách. Tato tzv zaručena paleta, známá také jako bezpečný paleta. Tato paleta obsahuje barvy, jejichž barevné složky nabývají následujících hodnot: 00 ,33 ,66 ,99 , CC,FF, ve všech možných 216 jejich kombinace.

Vlad Merževič

V HTML se barva určuje jedním ze dvou způsobů: pomocí hexadecimálního kódu a názvem některých barev. Nejčastěji používaná metoda je založena na hexadecimální soustavě, jako nejuniverzálnější.

Hexadecimální barvy

Čísla se používají k definování barev v HTML. hexadecimální kód. Hexadecimální soustava je na rozdíl od desítkové soustavy založena, jak již název napovídá, na čísle 16. Čísla budou následující: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Čísla od 10 do 15 jsou nahrazena latinkou. V tabulce. 6.1 ukazuje shodu mezi desetinnými a šestnáctkovými čísly.

Čísla větší než 15 v šestnáctkové soustavě se tvoří spojením dvou čísel do jednoho (tab. 6.2). Například číslo 255 v desítkové soustavě odpovídá číslu FF v šestnáctkové soustavě.

Aby se předešlo zmatkům v definici číselné soustavy, před hexadecimálním číslem je znak libry #, například #aa69cc. V tomto případě nezáleží na velikosti písmen, takže je přípustné psát #F0F0F0 nebo #f0f0f0.

Typická barva používaná v HTML je následující.

Zde je barva pozadí webové stránky nastavena na #FA8E47. Znak libry # před číslem znamená, že je v šestnáctkové soustavě. První dvě číslice (FA) definují červenou složku barvy, třetí až čtvrtá číslice (8E) zelenou složku a poslední dvě číslice (47) modrou složku. Konečným výsledkem je tato barva.

Každá ze tří barev – červená, zelená a modrá – může nabývat hodnot od 00 do FF, což nakonec tvoří 256 odstínů. Celkový počet barev tedy může být 256x256x256 = 16 777 216 kombinací. Barevný model založený na červené, zelené a modré složce se nazývá RGB (červená, zelená, modrá; červená, zelená, modrá). Tento model je aditivní (od add - add), ve kterém přidáním všech tří složek vznikne bílá.

Chcete-li usnadnit navigaci v hexadecimálních barvách, vezměte v úvahu některá pravidla.

• Pokud jsou hodnoty barevných složek stejné (například: #D6D6D6), získá se šedý odstín. Jak další číslo, tím světlejší barva, mění se z #000000 (černá) na #FFFFFF (bílá).
• Jasně červená barva se vytvoří, pokud je červená složka nastavena na maximum (FF) a zbytek složek je nastaven na nulu. Barva s hodnotou #FF0000 je nejčervenější možný červený odstín. Podobné je to s v zeleném(#00FF00) a modrá (#0000FF).
• Žlutá (#FFFF00) se získá smícháním červené se zelenou. To je dobře vidět na barevném kolečku (obr. 6.1), které představuje primární barvy (červená, zelená, modrá) a doplňkové nebo doplňkové. Patří mezi ně žlutá, azurová a fialová (také nazývaná purpurová). Obecně lze jakoukoli barvu získat smícháním barev sousedících s ní. Takže azurová (#00FFFF) se získá kombinací modré a zelené.

Rýže. 6.1. Barevný kruh

Barvy založené na hexadecimálních hodnotách nemusí být vybrány empiricky. Vhodné pro tento účel grafický editor schopni pracovat s různými barevné modely, Například, Adobe Photoshop. Na Obr. 6.2 ukazuje okno pro výběr barvy v tomto programu, čára zakroužkuje výslednou hexadecimální hodnotu aktuální barvy. Můžete jej zkopírovat a vložit do kódu.

Rýže. 6.2. Pole pro výběr barvy Photoshop

Webové barvy

Pokud nastavíte kvalitu barev monitoru na 8 bitů (256 barev), bude možné zobrazit stejnou barvu různé prohlížeče svým vlastním způsobem. To souvisí se způsobem vykreslování grafiky, když prohlížeč pracuje se svou vlastní paletou a nemůže zobrazit barvu, která není v jeho paletě. Barva je v tomto případě nahrazena kombinací pixelů jiných, jemu blízkých barev, které danou imitují. Aby barva zůstala v různých prohlížečích stejná, byla představena paleta tzv. webových barev. Webové barvy jsou takové barvy, z nichž pro každou složku - červená, zelená a modrá - je nastavena jedna ze šesti hodnot - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). Hexadecimální hodnota této složky je uvedena v závorce. Celkový počet barev ze všech možných kombinací dává 6x6x6 - 216 barev. Příklad webové barvy je #33FF66.

Hlavním rysem webové barvy je, že se ve všech prohlížečích zobrazuje stejně. V tento moment relevance webových barev je vzhledem ke zvýšení kvality monitorů a rozšíření jejich možností velmi malá.

Barvy podle názvu

Abyste si nepamatovali sbírku čísel, můžete místo nich použít názvy běžně používaných barev. V tabulce. 6.3 zobrazuje názvy oblíbených názvů barev.

Nezáleží na tom, jak barvu určíte - podle jejího názvu nebo pomocí hexadecimálních čísel. Ve svém účinku jsou tyto metody rovnocenné. Příklad 6-1 ukazuje, jak nastavit barvu pozadí a textu webové stránky.

Příklad 6.1. Barva pozadí a textu

Ukázka textu

V tento příklad barva pozadí se nastavuje pomocí atributu bgcolor tagu a barvu textu prostřednictvím atributu text. Pro rozmanitost je hodnota atributu text nastavena na hexadecimální číslo a bgcolor je nastavena na vyhrazenou hodnotu. klíčové slovo modrozelená.

Minecraft kódy barvy nebo Minecraft kódy formátování, umožní každému hráči přidávat květiny a formátovat text všemi možnými způsoby přímo v Minecraftu. Barevné kódy od &0-9 do &a-f. Přidejte je před text. Zprávy od hráčů mohou obsahovat barevné kódy, které vám umožní přidat barvu do vašich vět.

Barvy a formátovací kódy

Znak (&) následovaný hexadecimální číslo ve zprávách dává klientovi signál k přepínání barev při zobrazování textu. Alternativně lze text formátovat pomocí znaku & následovaného písmenem. Můžete přidat různé barvy do knih, příkazových bloků, názvu serveru, popisu serveru (motd), světových jmen, značek a dokonce i jmen hráčů.

Je velmi snadné formátovat text v konfiguracích nebo ve hře pomocí barevné tabulky níže. &r slouží k vymazání všech kódů, tzn. &mAAA&rBBB se zobrazí jako AAA BBB.

Pro vaše pohodlí uvádíme tabulku stávajících barevných kódů v Minecraftu:

Někdy je to nutné podtrhnout, podtrhnout, zvýraznit nějaký text. K tomu se používá formátování textu. Používá se stejným způsobem jako barvy (před text, který vložíme kód, například &lMinecraft= Minecraft.

Pro vaše pohodlí uvádíme níže tabulku kódů pro formátování: