Indigová barva ve Wordu. Názvy barev a odstínů
Tabulka (paleta) barev html vám dává možnost nezávisle si vybrat tón, který potřebujete. Hodnota barvy se zobrazuje ve třech formátech: Hex, RGB a HSV.
- Hex se skládá ze tří dvouznakových hodnot v hexadecimálním číselném systému. Například: #ff00b3, kde první dvojice čísel je červená, druhá je zelená a třetí je modrá.
- RGB (RedGreenBlue) má tvar „200,100,255“, udávající množství odpovídajícího tónu (červená, zelená, modrá) ve výsledné barvě.
- HSV (Hue, Saturation, Value - tone, saturation, value) je barevný model, ve kterém jsou souřadnice:
- Hue - barevný tón, může se lišit od 0° do 360°.
- Sytost - sytost, pohybuje se od 0-100 nebo 0-1. Čím vyšší je tento parametr, tím je barva „čistší“, proto se tomuto parametru někdy říká čistota barev. A čím blíže je tento parametr nule, tím blíže je barva neutrální šedé.
- Hodnota (hodnota barvy) - nastavuje jas, hodnota se také může pohybovat mezi 0-100 nebo 0-1.
Zadejte kód barvy: JÍT
Seznam barev s názvy
V tabulce jsou uvedeny názvy barev na angličtina(které lze použít jako hodnoty) podporované všemi prohlížeči a jejich hexadecimální hodnoty. Všechny uvedené barvy jsou „bezpečné“, což znamená, že se budou zobrazovat stejně ve všech prohlížečích.
Název barvy | HEX | Barva |
---|---|---|
Černý | #000000 | |
námořnictvo | #000080 | |
Tmavě modrá | #00008B | |
Středně modrá | #0000 CD | |
Modrý | #0000FF | |
Tmavě zelená | #006400 | |
Zelený | #008000 | |
Teal | #008080 | |
Tmavě azurová | #008B8B | |
DeepSkyBlue | #00BFFF | |
Tmavě tyrkysová | #00CED1 | |
Středně jarní Zelená | #00FA9A | |
Vápno | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
azurová | #00FFFF | |
Půlnoční modrá | #191970 | |
Dodger Blue | #1E90FF | |
LightSeaGreen | #20B2AA | |
ForestGreen | #228B22 | |
SeaGreen | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
LimeGreen | #32CD32 | |
Střední SeaGreen | #3CB371 | |
Tyrkysový | #40E0D0 | |
RoyalBlue | #4169E1 | |
ocelově modrá | #4682B4 | |
DarkSlateBlue | #483D8B | |
Středně tyrkysová | #48D1CC | |
Indigo | #4B0082 | |
Tmavě Olivově Zelená | #556B2F | |
CadetBlue | #5F9EA0 | |
Chrpa Modrá | #6495ED | |
Střední AquaMarine | #66CDAA | |
DimGray | #696969 | |
Břidlicově modrá | #6A5ACD | |
OliveDrab | #6B8E23 | |
Břidlicově šedá | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
Trávník Green | #7CFC00 | |
Chartreuse | #7FFF00 | |
Akvamarín | #7FFFD4 | |
Maroon | #800000 | |
Fialová | #800080 | |
Olivový | #808000 | |
Šedá | #808080 | |
nebesky modrá | #87CEEB | |
LightSkyBlue | #87CEFA | |
Modrofialová | #8A2BE2 | |
Tmavě červená | #8B0000 | |
Tmavě purpurová | #8B008B | |
Sedlohnědá | #8B4513 | |
Tmavězelená | #8FBC8F | |
Světle zelená | #90EE90 | |
Středně fialová | #9370D8 | |
Tmavě fialová | #9400D3 | |
Bledězelená | #98FB98 | |
DarkOrchid | #9932CC | |
Žlutá Zelená | #9ACD32 | |
Sienna | #A0522D | |
Hnědý | #A52A2A | |
Tmavě šedá | #A9A9A9 | |
Světle modrá | #ADD8E6 | |
Zelená žlutá | #ADFF2F | |
Světle tyrkysová | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
PowderBlue | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
Střední orchidej | #BA55D3 | |
RosyBrown | #BC8F8F | |
Tmavá khaki | #BDB76B | |
Stříbro | #C0C0C0 | |
Středně fialováČervená | #C71585 | |
Indiánská červená | #CD5C5C | |
Peru | #CD853F | |
Čokoláda | #D2691E | |
Opálení | #D2B48C | |
Světle šedá | #D3D3D3 | |
PaleVioletRed | #D87093 | |
Bodlák | #D8BFD8 | |
Orchidej | #DA70D6 | |
GoldenRod | #DAA520 | |
Karmínový | #DC143C | |
Gainsboro | #DCDCDC | |
Švestka | #DDA0DD | |
BurlyWood | #DEB887 | |
Světle azurová | #E0FFFF | |
Levandule | #E6E6FA | |
Tmavý losos | #E9967A | |
Fialový | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Khaki | #F0E68C | |
AliceBlue | #F0F8FF | |
HoneyDew | #F0FFF0 | |
Blankyt | #F0FFFF | |
SandyBrown | #F4A460 | |
Pšenice | #F5DEB3 | |
Béžový | #F5F5DC | |
WhiteSmoke | #F5F5F5 | |
Mátový krém | #F5FFFA | |
GhostWhite | #F8F8FF | |
Losos | #FA8072 | |
AntiqueWhite | #FAEBD7 | |
Prádlo | #FAF0E6 | |
LightGoldenRodŽlutá | #FAFAD2 | |
OldLace | #FDF5E6 | |
Červený | #FF0000 | |
Fuchsie | #FF00FF | |
purpurová | #FF00FF | |
DeepPink | #FF1493 | |
Oranžová Červená | #FF4500 | |
Rajče | #FF6347 | |
HotPink | #FF69B4 | |
Korál | #FF7F50 | |
Tmavooranžová | #FF8C00 | |
Světlý losos | #FFA07A | |
Pomerančový | #FFA500 | |
Světle růžová | #FFB6C1 | |
Růžový | #FFC0CB | |
Zlato | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Mokasín | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Blanšírovaná mandle | #FFEBCD | |
PapayaWhip | #FFEFD5 | |
Levandulová tvářenka | #FFF0F5 | |
Mušle | #FFF5EE | |
Cornsilk | #FFF8DC | |
Citronový šifon | #FFFACD | |
Květinově bílá | #FFFAF0 | |
Sněžení | #FFFAFA | |
Žluť | #FFFF00 | |
Světle žlutá | #FFFFE0 | |
Slonová kost | #FFFFFF0 | |
Bílý | #FFFFFF |
Paleta barev a odstínů používaných umělci a designéry je prostě úžasná. A díky měnícím se trendům módy po celém světě stejně pilně studují barevná schémata, stejně jako módní časopisy. Známá žlutá barva se tedy při bližším zkoumání dělí na: hořčičná, zlatá, citronová, šafránová, kanárská, hrušková, kukuřičná, chartreuse, jarní poupě, jiřina žlutá, mandarinka, antická zlatá... a to není úplný seznam jeho odstínů! Jak porozumět stávající rozmanitosti odstínů, a co je nejdůležitější - je to vůbec nutné? Ostatně vnímání barev je čistě subjektivní, ovlivňují ho nejen kulturní faktory, ale i fyziologické (schopnost oka rozlišovat barevné nuance se od přírody liší člověk od člověka). Navíc se odstín může zdát teplejší nebo chladnější v závislosti na barvách, které jej obklopují.
Studené barvy a odstíny
Pro jasnou ukázku návaznosti přechodů barev a odstínů se používá barevné kolečko. Základem jsou tři barvy: červená, žlutá a modrá. Při míchání těchto barev mezi sebou získáme mezibarvy: oranžovou, zelenou a fialovou. Všechny ostatní odstíny se získají smícháním těchto barev mezi sebou, stejně jako s černou a bílou.
Existují tři hlavní způsoby zobrazení barevného kruhu, i když jsou v podstatě totéž.
Základem studených barev je namodralý podtón. Pokud si při pohledu na barvu dokážete představit, že přes ni prosvítá modrá, šedá nebo – tento odstín je studený.
Studené odstíny jsou:
- tmavě červená;
- košenila;
- šarlatový;
- alizarin;
- karmínový;
- kardinál;
- purpurová;
- lilek;
- vistárie;
- citronová;
- taup;
- nefrit;
- akvamarín;
- indigo;
- pruská modř;
- mřížka vlevo;
- antracit;
- Marengo.
Teplé odstíny barev
Je třeba mít na paměti, že vnímání mnoha odstínů závisí na barvách v okolí. Výraz „vše je známo porovnáním“ je velmi relevantní pro teplotu barev. I mezi odstíny stejné teplotní škály lze najít teplejší a studenější odstíny. Nejjednodušší způsob, jak porovnat odstíny, je s neutrálním (například bílou). Teplé odstíny barev budou mít „záři“ žluté, červené nebo růžové.
Patří sem:
Kromě toho existují také takzvané neutrální barvy:
Pro správnou kombinaci barev a odstínů byste se měli naučit rozlišovat teplé tóny od studených. Existují tři způsoby, jak vytvořit barevné kompozice.
Pro první z nich je vybráno několik odstínů stejné barvy. Tato metoda je vhodná pro vytváření diskrétních, elegantních souborů.
U druhého se zkombinují sousední barvy (umístěné vedle sebe na barevném kolečku).
Třetí metoda používá doplňkové barvy (umístěné na opačných částech barevného kruhu). Tímto způsobem se získají nejchytlavější a nejúčinnější kompozice.
Jak vidíte, stále stojí za to naučit se rozlišovat mezi teplými a studenými barvami a odstíny, ale není vůbec nutné pamatovat si názvy každého z desítek tónů a polotónů. I když jste stylista nebo návrhář, bude jednodušší nosit s sebou několik barevných palet se jmény, než neustále myslet na barvy. Navíc je mnohem snazší ukázat příklad barvy, než se snažit vysvětlit rozdíl například mezi indickou červenou, lososovou a světle korálovou.
Dobrý den, milí čtenáři tohoto blogu. Pokračuji v publikování článků v sekci „“. Dnes chci mluvit o barvách v HTML a CSS kódu, vysvětlit pro ty, kteří ještě nevědí, jak je můžete nastavit, jak se tvoří, jak používat programy speciálně k tomu určené k vyhledání nebo zachycení požadované barvy a mnohem víc.
Otázka specifikace požadovaného odstínu může být aktuální zejména pro začínající webmastery, kdy kódy uvedené ve webovém dokumentu nejsou zcela jasné (například #f3af6c) a není jasné, jak a kde lze tyto informace získat (kde najít Html a CSS barvy) a jak je použít k návrhu textu nebo jiného bloku webového dokumentu.
Dovolte mi připomenout, že jsme se již seznámili se základními principy používanými v . Také jsme se již podívali na značky a naučili se, naučili se hodně a jak.
Kódy a tabulka základních barev RGB
Je celkem logické, že v hypertextovém značkovacím jazyce a kaskádových stylech existuje možnost barevného provedení dokumentů, protože v jinak stránky by byly velmi nudné a stejného typu. K tomu obvykle používají model zvaný RGB (zkratka odvozená ze tří anglických slov pro červenou, zelenou a modrou).
V modelu RGB jsou použity pouze tři barvy (je jasné, že se jedná o červenou, zelenou a modrou), z nichž každá může být reprezentována různé úrovně jas záře. Pro každý kanál (červený, zelený a modrý) můžete vybrat jednu z 256 možných úrovní jasu. Číslo 256 se bere proto, že do jednoho bajtu informací lze zakódovat tolik hodnot odstínů.
Podle toho si pro náš webový dokument můžeme vybrat jakýkoli odstín z obrovského množství možných (256*256*256). Například pro získání černé musí mít všechny tři kanály barevného schématu hodnotu jasu nula a pro získání bílé, červené, zelené a modré musí mít maximální jas.
Zkusme nyní přijít na to, jak nastavit jas v jednotlivých kanálech a kolik možností k tomu máme?
Ve skutečnosti existuje dvěma hlavními způsoby:
- nastavení záznamem jasu pro každý kanál (červený, zelený a modrý) v hexadecimálním zápisu
- zadáním názvu barvy do kódu webového dokumentu
Začněme těmi složitějšími a zkusme přijít na to, jak psát barvy v hexadecimálním kódu. Pokud bychom chtěli například zapsat kód pro bílou v desítkové soustavě, dostali bychom kód 256 256 256 a pro černou - 0 0 0. Zde je pravděpodobně vše jasné.
Ale v hexadecimálním číselném systému se kromě arabských číslic používá také prvních šest písmen latinské abecedy a ve tvoření čísel existuje vlastní specifika. Nemyslím si, že by stálo za to jít do toho hlouběji, ale jako příklad řeknu, že bílou pro Html lze nastavit takto: #ffffff a černou takto: #000000. Tito. 00 odpovídá 0 v desítkovém zápisu a ff odpovídá 256.
Tito. na kanál RGB barvy Kód CSS umožňuje zadat dvě hexadecimální číslice, takže položky barevné hodnoty se skládají ze šesti číslic (nebo písmen, která jsou ekvivalentní číslicím v šestnáctkové soustavě), před nimiž je znak hash „#“. Je to docela jednoduché.
Například v níže uvedené tabulce pro nejjednodušší odstíny budou jejich hexadecimální položky vypadat takto:
Samozřejmě nemusíte vymýšlet a porovnávat hexadecimální kódy odstínů s těmi, které chcete vidět ve svém internetovém projektu. Barvy pro stránky si můžete vybrat v jakémkoli grafickém editoru (i v ), kde vám určitě ukáží záznam tohoto odstínu ve formátu RGB, nebo si najděte tabulku barev Html a zkopírujte si odtud potřebný kód.
Yandex Colors - výběr palety odstínů RGB ve výsledcích Yandex
Nechcete jej k tomuto účelu používat grafický editor nebo hledat tabulku s kódy? Žádný problém. Posuňte se na této stránce trochu dolů a najdete spoustu programů, které jsou specifické a přizpůsobené speciálně pro práci s barvou v Html nebo CSS kódu.
Pokud vám to nevyhovuje, jednoduše jej otevřete a zadejte do vyhledávacího pole žádost s názvem tohoto odstínu, o které máte zájem (i když můžete jednoduše zadat: šedo-hnědá-malina).
Výsledkem je, že úplně nahoře ve výsledcích vyhledávání uvidíte velmi pohodlnou tabulku palet Yandex.Colors pro výběr barev pro váš web. V pravém dolním rohu této palety můžete zkopírovat hexadecimální kód požadovaného odstínu (před ním je značka hash), kterou pak stačí vložit na správné místo ve vašem webovém dokumentu.
To vše je realizováno díky tzv., která je navržena tak, aby pomohla dispozičním návrhářům a projektantům.
Můžete nastavit barvu ve vyhledávacím panelu Yandex, a to jak ve formě svého názvu, tak ve formě kódu - ve výsledku uvidíte, jak bude vypadat na obrazovce a v případě potřeby můžete získat jeho hexadecimální zápis.
Ve skutečnosti může být tento nástroj užitečný běžní uživatelé internetu, abyste například pochopili, jak bude vypadat nábytek v odstínu stříbrno-hnědo-malinově-strakatý. Můžete se také podívat na video o používání tohoto čaroděje Yandex:
Některé barvy v hypertextovém značkovacím jazyce lze specifikovat pomocí slov, například „černý“ znamená černý, „bílý“ znamená bílý atd. Ale je tu jedno upozornění. Nastavení barvy je tedy možné pouze u omezeného počtu z nich.
No, zaprvé je asi jasné, že všech 16 milionů odstínů, které jsou možné v RGB schématu, nedokážete znázornit pomocí slov v žádné tabulce (budete unaveni tím procházením).
Za druhé, ve validátoru W3C pro specifikaci Hypertext Markup Language 4.01 (je plně podporován všemi možné prohlížeče v tuto chvíli) je definováno pouze 16 barev, které mohou být specifikovány v Html nebo CSS kódu slovy:
Můžete také najít mnohem podrobnější tabulky odstínů, které lze zadat slovy v kódu, ale existuje možnost, že v některém prohlížeči se tato barva nezobrazí správně.
Proto by kromě výše uvedené tabulky 16 základních odstínů měly být všechny ostatní barvy specifikovány v kódu webové dokumenty pouze pomocí hexadecimálního zápisu, aby se předešlo zbytečným excesům.
Používání barevných kódů a jmen při webmasteringu
Na momentálně veškerý vnější design webové stránky ponecháno na CSS (kaskádové styly) a specifikovat kód barvy přímo v Html je extrémně vzácné, ale stále se vyskytuje. Kromě toho existují situace, kdy z toho či onoho důvodu není možné použít externí tabulky. CSS styly(například v případě vytvoření vydání).
Proto ještě uvedu příklad nastavení barev v Html, i když v tomto případě již budou použity značky, které validátor W3C nedoporučuje. Například dříve byla barva pozadí nastavena ve značce „BODY“ prostřednictvím atributu „bgcolor“ a text byl obarven okamžitě na celé webové stránce pomocí atributu „text“.
Nastavení požadovaných odstínů by v tomto případě mohlo vypadat například takto:
Obsah dokumentu
Výsledkem je webová stránka s béžovým pozadím a tmavě modrým písmem. Než se začalo používat CSS, ke změně barvy písma jakékoli jednotlivé části textu se široce používal tag „FONT“, již nedoporučovaný validátorem W3C, ve kterém byl zahrnut stejnojmenný atribut „color“. nastavit barvu:
část textu, kterou bylo potřeba obarvit modře
Abyste viděli výsledek napsaného kódu na obrazovce, musíte tento soubor uložit s příponou html a poté jej otevřít v libovolném prohlížeči, který vám vyhovuje.
Nyní, aby bylo rozložení vašeho webu považováno za platné, je doporučeno nastavit barvy prvků v šabloně kaskádových stylů prostřednictvím vhodných pravidel a vlastností. Pravidla pro takové vkládání do CSS se neliší od výše popsaných.
Jak vidíte, někdy se ke zkrácení zápisu odstínu nepoužívá šest znaků, ale pouze tři, pokud se shodují pro každý kanál - „#6с0“ místo „#66с00“.
Vyberte barvu z palety speciálního programu nebo ji zachyťte z obrazovky
Jak jsem psal výše, všude se používá barevné schéma RGB (červená, zelená, modrá). Pro každou ze tří hlavních barev existuje 256 gradací - od 0 do 255 (pokud tyto hodnoty převedeme do hexadecimální číselné soustavy, dostaneme - od 00 do FF).
Protože máme tři hlavní barvy, z jejichž kombinace se tvoří všechny ostatní odstíny, pak bude hexadecimální zápis vypadat asi takto: 99FF66 (odstín zelené). Přidáním # před něj získáme kód #99FF66, který lze použít jak v Html, tak v souborech stylů. Je samozřejmé, že vy sami nemusíte vymýšlet a pamatovat si všechny tyto nesmysly.
K tomu můžete použít speciální program, což vám umožní vybrat požadovaný odstín na paletě (nebo zachytit to z obrazovky nástroj jako pipeta) a okamžitě získejte jeho kód. Nemusíte mít program, ale stačí přejít na Yandex a zadat název libovolné barvy do panelu dotazu (o tom jsem psal výše).
Zde je seznam programů, které vám umožní toto vše plně implementovat:
Ať se vám daří! Brzy se uvidíme na stránkách blogu
Mohlo by vás to zajímat
Seznamy v Html kódu - značky UL, OL, LI a DL
Jak vložit odkaz a obrázek (fotku) do HTML - IMG tagy a A
Jak vytvořit hypertextový odkaz (A, Href, Target blank), jak jej otevřít v novém okně na webu a také udělat z obrázku odkaz v Html kódu
Písmo (obličej, velikost a barva), blockquote a značky Pre – starší formátování textu v čistém HTML (bez pomocí CSS)
Tabulky v Html – tagy Table, Tr a Td a také Colspan, Cellpadding, Cellspacing a Rowspan pro jejich vytváření
HTML formuláře pro web - tagy Form, Input and Select, Option, Textarea, Label a další pro tvorbu prvků webového formuláře Select, Option, Textarea, Label, Fieldset, Legend - Html tagy pro formu rozevíracích seznamů a textových polí
obr.- HTML tag pro vložení obrázku (Src), zarovnání a obtékání textu kolem něj (align) a také nastavení pozadí (pozadí)
Direktivy komentářů a Doctype v Html kódu, stejně jako koncept blokových a vkládaných prvků (tagů)
Co je hypertextový značkovací jazyk Html a jak zobrazit seznam všech značek ve validátoru W3C
Znaky mezer a jejich formátování kódu v Html, stejně jako speciální nezalomitelné znaky mezer a další mnemotechnické pomůcky
Barevný modul CSS podrobně popisuje hodnoty, které umožňují autorům definovat barvy a neprůhlednost prvků html a také hodnoty vlastnosti color.
vlastnost barvy
1. Prioritní barvy: vlastnost barev
Vlastnost nastavuje barvu písma pomocí různé systémy barevné podání. Vlastnost popisuje barvu textového obsahu prvku. Kromě toho se používá k poskytnutí potenciální nepřímé hodnoty (currentColor) pro jakékoli další vlastnosti, které přijímají hodnoty barev.
Nemovitost se dědí.
2. Hodnoty barev
2.1. Hlavní klíčová slova
Seznam hlavních klíčových slov obsahuje následující významy:
Jméno | HEX | RGB | Barva |
---|---|---|---|
černý | #000000 | 0,0,0 | |
stříbro | #C0C0C0 | 192,192,192 | |
šedá | #808080 | 128,128,128 | |
bílý | #FFFFFF | 255,255,255 | |
kaštanové | #800000 | 128,0,0 | |
červený | #FF0000 | 255,0,0 | |
fialová | #800080 | 128,0,128 | |
fuchsie | #FF00FF | 255,0,255 | |
zelený | #008000 | 0,128,0 | |
vápno | #00FF00 | 0,255,0 | |
olivový | #808000 | 128,128,0 | |
žluť | #FFFF00 | 255,255,0 | |
námořnictvo | #000080 | 0,0,128 | |
modrý | #0000FF | 0,0,255 | |
modrozelená | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
V názvech barev se nerozlišují velká a malá písmena.
Syntax
Barva: modrozelená;
2.2. Číselné hodnoty barev
2.2.1. Barvy modelu RGB
Hexadecimální formát hodnoty RGB je znak #, za kterým bezprostředně následují tři nebo šest hexadecimálních znaků. Třímístný zápis RGB #rgb se převede do šestimístného tvaru #rrggbb zkopírováním číslic namísto přidáváním nul. Například #fb0 se rozšíří na #ffbb00 . Tím je zajištěno, že bílá #ffffff může být specifikována v krátkém záznamu #fff, a odstraní se všechny závislosti na barevné hloubce displeje.
Formát hodnoty RGB ve funkčním zápisu je rgb (následuje čárkou oddělený seznam tří číselných hodnot (buď tři celočíselné hodnoty nebo tři procentuální hodnoty) následovaný symbolem). Hodnota celého čísla 255 odpovídá 100 % a F nebo FF v hexadecimálním zápisu:
Rgb(255,255,255) = rgb(100 %, 100 %, 100 %) = #FFF
Kolem číselných hodnot jsou povoleny mezery.