Tabulka (paleta) barev html To vám dává možnost nezávisle vybrat tón, který potřebujete. Hodnoty barev se zobrazují ve třech formátech: Hex, RGB a HSV.
- Hex se skládá ze tří dvou symbolických hodnot v šestnáctém číselném systému. Například: #ff00b3, první dvojice čísel je červená, druhá je zelená a třetí je modrá.
- RGB (RedGreenBlue) vypadá jako „200 100 255“, což označuje množství podobného tónu (červená, zelená, modrá) v barvě.
- HSV (Hue, Saturation, Value - tón, sytost, hodnota) - barevný model, ve kterém jsou souřadnice:
- Hue - barevný tón, lze měnit mezi 0° a 360°.
- Sytost - sytost, která se pohybuje mezi 0-100 a 0-1. Čím větší je tento parametr, tím je barva čistší, proto se tento parametr někdy nazývá barva čistoty. A čím blíže je tento parametr nule, tím blíže je barva neutrální šedé.
- Hodnota (hodnota barvy) - nastavuje jas, hodnoty lze také měnit mezi 0-100 a 0-1.
Zadejte kód barvy: JÍT
Seznam vstupenek se jmény
Tabulka nově uspořádala názvy barev v angličtině (které lze změnit jako význam), které jsou podporovány všemi prohlížeči, a jejich hexadecimální hodnoty. Všechny výběry barev jsou "bezpečné", takže se budou zobrazovat stejně ve všech prohlížečích.
Barva jména | HEX | Kolíř |
---|---|---|
Černá | #000000 | |
námořnictvo | #000080 | |
Tmavě modrá | #00008B | |
Středně modrá | #0000 CD | |
Modrý | #0000FF | |
Tmavozelený | #006400 | |
Zelená | #008000 | |
Teal | #008080 | |
Tmavě azurová | #008B8B | |
DeepSkyBlue | #00BFFF | |
Tmavě tyrkysová | #00CED1 | |
Středně jarní Zelená | #00FA9A | |
Limetka | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
Tyrkysová | #00FFFF | |
Půlnoční modrá | #191970 | |
Dodger Blue | #1E90FF | |
LightSeaGreen | #20B2AA | |
ForestGreen | #228B22 | |
Zelené moře | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
Limetkově zelená | #32CD32 | |
Střední SeaGreen | #3CB371 | |
Tyrkysový | #40E0D0 | |
Královská modrá | #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 | |
SlateBlue | #6A5ACD | |
OliveDrab | #6B8E23 | |
Břidlicově šedá | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
Trávník Green | #7CFC00 | |
Chartreuse | #7FFF00 | |
Akvamarín | #7FFFD4 | |
Maroon | #800000 | |
Nachový | #800080 | |
Olivový | #808000 | |
Šedá | #808080 | |
Modrá obloha | #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 | |
Žluto zelená | #9ACD32 | |
Sienna | #A0522D | |
Hnědý | #A52A2A | |
Tmavě šedá | #A9A9A9 | |
Světle modrá | #ADD8E6 | |
Zelená žlutá | #ADFF2F | |
Světle tyrkysová | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
Modrý prášek | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
Střední orchidej | #BA55D3 | |
RosyBrown | #BC8F8F | |
Tmavá khaki | #BDB76B | |
stříbrný | #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 | |
Medovice | #F0FFF0 | |
Blankyt | #F0FFFF | |
SandyBrown | #F4A460 | |
Pšenice | #F5DEB3 | |
Béžový | #F5F5DC | |
Bílý kouř | #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 | |
Sytě růžová | #FF1493 | |
Oranžová červená | #FF4500 | |
Rajče | #FF6347 | |
HotPink | #FF69B4 | |
Korál | #FF7F50 | |
Tmavooranžová | #FF8C00 | |
Světlý losos | #FFA07A | |
oranž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íh | #FFFAFA | |
Žlutá | #FFFF00 | |
Světle žlutá | #FFFFE0 | |
Slonová kost | #FFFFFF0 | |
Bílý | #FFFFFF |
Barevný modul CSS jasně popisuje hodnoty, které umožňují autorům určit barvu a jasnost prvků html a také hodnoty barev.
Barva síly
1. Prioritní barvy: barva jasu
Autorita nastavuje barvu písma pomocí různých systémů přenosu barev. Síla odkazuje na barvu textového prvku. Kromě toho se používá k poskytnutí potenciálního nepřímého významu (currentColor) pro jakékoli další síly, které vytvářejí význam pro barvu.
Síla klesá.
2. Význam barvy
2.1. Hlavní klíčová slova
Seznam hlavních klíčových slov obsahuje následující hodnoty:
název | HEX | RGB | Kolíř |
---|---|---|---|
Černá | #000000 | 0,0,0 | |
stříbrný | #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 | |
nachový | #800080 | 128,0,128 | |
fuchsie | #FF00FF | 255,0,255 | |
zelená | #008000 | 0,128,0 | |
Limetka | #00FF00 | 0,255,0 | |
olivový | #808000 | 128,128,0 | |
žlutá | #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. Colori modely RGB
Formát hodnoty RGB v hexadecimálním formátu je znak # následovaný třemi nebo šesti hexadecimálními znaky. Třímístný RGB zápis #rgb se převádí do šestimístného tvaru #rrggbb kopírováním čísel, nikoli přidáváním nul. Například #fb0 se rozšíří na #ffbb00. Tím je zaručeno, že bílé #ffffff může být použito jako indikace v krátkém záznamu #ffff a odstraní se případné rozdíly v závislosti na barvě displeje.
Formát hodnoty RGB funkčního zápisu je rgb (následovaný odděleným seznamem tří číselných hodnot (nebo tří celočíselných hodnot nebo tří setnin), za nimiž následuje symbol). 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
Vedle číselných hodnot jsou povoleny prázdné znaky.
Pro nastavení barev se používají čísla v hexadecimálních kódech. Šestnáctý systém místo desátého systému je založen, jak jeho název napovídá, na čísle 16. Objeví se čísla: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C , D, E, F. Čísla od 10 do 15 jsou nahrazena latinkou. Čísla větší než 15 v šestnáctkové soustavě vznikají spojením dvou čísel v jedno. Například číslo 255 v desáté soustavě je potvrzeno číslem FF v šestnácté soustavě. Abyste předešli záměně s určeným číselným systémem, vložte symbol # před šestnácté číslo, například #666999. Vzhledy ze tří barev – červené, zelené a modré – mohou nabývat hodnot od 00 do FF. Takto je přiřazená barva rozdělena do tří skladů #rrggbb, kde první dva symboly označují červenou složku barvy, prostřední dva - zelenou a zbývající dva - modrou. Je povoleno používat krátký tvar #rgb, kam lze přidat symbol. Záznam #fe0 trace je tedy vyhodnocen jako #ffee00.
Za jméno
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Prohlížeče podporují různé barvy za svými názvy. Ve stole 1 je uveden název, hexadecimální kód, hodnoty ve formátu RGB, HSL a popis.
jsem | Kolíř | Kód | RGB | HSL | Popis |
---|---|---|---|---|---|
bílý | #ffffff nebo #fff | rgb(255,255,255) | hsl(0,0%,100%) | Bily | |
stříbrný | #c0c0c0 | rgb(192,192,192) | hsl (0,0 %, 75 %) | Sýrie | |
šedá | #808080 | rgb(128,128,128) | hsl (0,0 %, 50 %) | Tmavě šedá | |
Černá | #000000 nebo #000 | rgb(0,0,0) | hsl(0,0%,0%) | Chorny | |
kaštanové | #800000 | rgb(128,0,0) | hsl (0,100 %, 25 %) | Tmavě červená | |
Červené | #ff0000 nebo #f00 | rgb(255,0,0) | hsl(0,100%,50%) | červené zlato | |
oranžový | #ffa500 | rgb(255,165,0) | hsl (38,8,100%,50%) | oranžový | |
žlutá | #ffff00 nebo #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Zhovtiy | |
olivový | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Olivový | |
Limetka | #00ff00 nebo #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Světle zelená | |
zelená | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Zelený | |
aqua | #00ffff nebo #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Blakitný | |
modrý | #0000ff nebo #00f | rgb(0,0,255) | hsl(240,100%,50%) | Modrý | |
námořnictvo | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Tmavě modrá | |
modrozelená | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Modrá zelená | |
fuchsie | #ff00ff nebo #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Rozheviy | |
nachový | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | fialový |
Pro další pomoc RGB
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Hodnoty barvy, vikory a červené, zelené a modré můžete určit v desetinách. Vzhled se třemi barevnými složkami nabývá hodnot od 0 do 255. Je také možné nastavit barvu pro vysoce kvalitní barvu, která bude 100% konzistentní s číslem 255. Na začátku je zadáno klíčové slovo rgb a pak pro ramena, přes která se zdají být barevné složky, například rgb(255, 128, 128) nebo 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 syntaxí podobný RGB, ale obsahuje alfa kanál, který specifikuje jasnost prvku. Hodnoty 0 označují zvýšenou jasnost, 1 – nedostatečnou jasnost a střední hodnoty na úrovni 0,5 – úplná jasnost.
Rozšíření RGBA do CSS3 vyžadují ověření samotného kódu CSS pro danou verzi. Upozorňujeme, že standard CSS3 je stále ve vývoji a může se změnit. Například barva formátu RGB přídavků k pixelu barvy pozadí musí projít ověřením, ale k pixelu pozadí již nejsou žádné přídavky. V tomto případě prohlížeče obecně správně chápou barvu pro tuto a další sílu.
HSL
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Formát HSL je pojmenován podle prvních písmen Hue, Saturate a Lightness. Barva je stejná jako barva na kolíku (obr. 1) a je uvedena ve stupních. 0° je červená, 120° je zelená a 240° je modrá. Hodnotu barvy lze změnit od 0 do 359.
Malý 1. Barevný kruh
Intenzita je intenzita barvy, která se pohybuje od 0 % do 100 %. Hodnota 0 % znamená přítomnost barev a odstínů šedé, 100 % je maximální hodnota sytosti.
Světlost nastavuje, jak jasná je barva, a zobrazuje se v rozsahu od 0 % do 100 %. Je důležité, aby barvy byly tmavé a vysoké hodnoty světlé, extrémní hodnoty 0% a 100% označují černou a bílou barvu.
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 syntaxí podobný jako HSL, ale obsahuje alfa kanál, který specifikuje jasnost prvku. Hodnoty 0 označují zvýšenou jasnost, 1 – nedostatek jasnosti a střední hodnoty na úrovni 0,5 – zvýšenou jasnost.
Hodnoty barev pro formáty RGBA, HSL a HSLA jsou přidány do CSS3, proto při změně těchto formátů zkontrolujte platnost kódu se správnou verzí.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Dopředu
Všechny metody lovu lvů uvedené na webu jsou teoretické a založené na metodách výpočtu. Autoři nezaručují vaši bezpečnost při jejich používání a přebírají jakoukoli odpovědnost za výsledky. Pamatujte, že lev je chýše a neopatrné stvoření!
Výsledek tohoto zadku je znázorněn na obr. 2.
Malý 2. Barvy na webové stránce
Barvy HTML lze nastavit třemi způsoby:
Barevný kód pojmenuji v HTML pro yogo
Pro jejich název lze zadat libovolné barvy, vikoristické jako významy anglického názvu barvy. Nejčastější klíčová slova: černá, bílá, červená, zelená, modrá a další.
Barva textu – červená
Nejoblíbenější barvy podle standardu World Wide Web Consortium (W3C):
Kolíř | název | Kolíř | název | Kolíř | název | Kolíř | název |
---|---|---|---|---|---|---|---|
Černá | Šedá | stříbrný | Bílý | ||||
Žlutá | Limetka | Aqua | Fuchsie | ||||
Červené | Zelená | Modrý | Nachový | ||||
Maroon | Olivový | námořnictvo | Teal |
Zadek vikoristánu různých barevných jmen:
Zadek: respekt k barvě za jménem
- Zkus to sám "
Směrem k červené mšici
Směrem na oranžové pozadí
Směr na vápno pozadí
Bílý text na černé mšici
Směrem k červené mšici
Směrem na oranžové pozadí
Směr na vápno pozadí
Bílý text na černé mšici
Ovládání barev pro další RGB
Při zobrazování různých barev na monitoru se jako základ používá paleta RGB. Ať už si vyberete jakoukoli barvu, existují tři hlavní: R - červená (červená), G - zelená, B - modrá. Jas barvy pleti se nastavuje o jeden bajt a následně lze zadávat hodnoty od 0 do 255. Například RGB (255,0,0) se zobrazí jako červená, zbývající červené se vloží do odpovídající hodnoty (255) a další nastavení líný na 0 Můžete také nastavit barvu pro hotový produkt. Kůže z parametrů udává úroveň jasu odpovídající barvy. Například: hodnoty rgb(127, 255, 127) a rgb(50 %, 100 %, 50 %) nastaví novou zelenou barvu střední sytosti:
Zadek: barva Zavdanya pro další RGB
- Zkus to sám "
rgb(127, 255, 127)
rgb (50 %, 100 %, 50 %)
rgb(127, 255, 127)
rgb (50 %, 100 %, 50 %)
Zachování barvy pro šestnáct hodnot
Význam R G B Můžete také zadat další hexadecimální (HEX) barevné hodnoty ve tvaru: #RRGGBB, kde RR (červená), GG (zelená) a BB (modrá) a hexadecimální hodnoty od 00 do FF (stejné jako desítky 0-255). Šestnáctý systém kromě desátého systému vychází, jak jeho název napovídá, z čísla 16. Šestnáctý systém používá následující znaky: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, Z, D, E, F. Zde jsou čísla od 10 do 15 nahrazena latinkou. Čísla větší než 15 v šestnáctkové soustavě jsou kombinací dvou znamének v jedné hodnotě. Například nejvyšší číslo 255 v desátém systému odpovídá nejvyšší hodnotě FF v šestnáctém systému. Chcete-li nahradit systém desítek, vložte před hexadecimální číslo symbol hash # , například #FF0000 se zobrazí jako červená barva, červené fragmenty jsou nastaveny na nejvyšší hodnotu (FF) a ostatní barvy jsou nastaveny na minimální hodnotu (00). Znaky po symbolu hash # Můžete nabírat velké i malé. Šestnáctý systém umožňuje používat zkrácenou formu tvaru #rgb, kde je symbol ekvivalentem podválky. Záznam #f7O trace je tedy vyhodnocen jako #ff7700.
Pažba: Barva HEX
- Zkus to sám "
červená: #FF0000
zelená: #00FF00
modrá: #0000FF
červená: #FF0000
zelená: #00FF00
modrá: #0000FF
červená+zelená=zhovtiy: #FFFF00
červená+modrá=fialová: #FF00FF
zelená+modrá=černá: #00FFFF
Seznam široce rozšířených barev (názvy, HEX a RGB):
anglické jméno | ruské jméno | Zrazok | HEX | RGB | ||
---|---|---|---|---|---|---|
Amarant | Amaranthium | #E52B50 | 229 | 43 | 80 | |
Jantar | Burshtinovy | #FFBF00 | 255 | 191 | 0 | |
Aqua | Modrá zelená | #00FFFF | 0 | 255 | 255 | |
Blankyt | Blakitný | #007FFF | 0 | 127 | 255 | |
Černá | Chorny | #000000 | 0 | 0 | 0 | |
Modrý | Modrý | #0000FF | 0 | 0 | 255 | |
Modrá Bondi | Voda na pláži Bondi | #0095B6 | 0 | 149 | 182 | |
Mosaz | Mosaz | #B5A642 | 181 | 166 | 66 | |
Hnědý | Hnědý | #964B00 | 150 | 75 | 0 | |
Cerulean | Blakitný | #007BA7 | 0 | 123 | 167 | |
Tmavě jarní zelená | Tmavě jarní zelená | #177245 | 23 | 114 | 69 | |
Smaragd | Smaragdoviy | #50C878 | 80 | 200 | 120 | |
Lilek | Lilek | #990066 | 153 | 0 | 102 | |
Fuchsie | Fuchsie | #FF00FF | 255 | 0 | 255 | |
Zlato | Zlatý | #FFD700 | 250 | 215 | 0 | |
Šedá | Sýrie | #808080 | 128 | 128 | 128 | |
Zelená | Zelený | #00FF00 | 0 | 255 | 0 | |
Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Nefrit | Nefrit | #00A86B | 0 | 168 | 107 | |
Limetka | Limetka | #CCFF00 | 204 | 255 | 0 | |
Malachit | Malachit | #0BDA51 | 11 | 218 | 81 | |
námořnictvo | Tmavě modrá | #000080 | 0 | 0 | 128 | |
Okr | Okr | #CC7722 | 204 | 119 | 34 | |
Olivový | Olivový | #808000 | 128 | 128 | 0 | |
oranžový | oranžový | #FFA500 | 255 | 165 | 0 | |
Broskev | Broskev | #FFE5B4 | 255 | 229 | 180 | |
Dýně | Garbuz | #FF7518 | 255 | 117 | 24 | |
Nachový | fialový | #800080 | 128 | 0 | 128 | |
Červené | červené zlato | #FF0000 | 255 | 0 | 0 | |
Šafrán | Šafrán | #F4C430 | 244 | 196 | 48 | |
Zelené moře | Zelené moře | #2E8B57 | 46 | 139 | 87 | |
Bažinatá zelená | Bolotyany | #ACB78E | 172 | 183 | 142 | |
Teal | Modrá zelená | #008080 | 0 | 128 | 128 | |
Ultramarín | Ultramarín | #120A8F | 18 | 10 | 143 | |
fialový | fialový | #8B00FF | 139 | 0 | 255 | |
Žlutá | Zhovtiy | #FFFF00 | 255 | 255 | 0 |
Barevné kódy (pozadí) pro hustotu a barvu.
Na této stránce je tabulka s klíčovými slovy, která lze použít k přiřazení barev v jazycích pro vývojáře webu, jako jsou: HTML, CSS, JavaScript, Flash atd.
Koncern WC3 měl ve starých specifikacích předepsáno pouze 16 klíčových slov, kromě toho byly barvy nainstalovány v HTML a CSS. V dalších, aktuálnějších specifikacích bylo přidáno dalších 130 klíčových slov pro specifikaci názvů barev. Zde je tabulka s názvy barev, hexadecimálních a RGB kódů, které reprezentují.
Podle pravidel CSS se v názvech barev nerozlišují velká a malá písmena. Položky pro barvy IndianRed a indianred jsou stejné.
Za zmínku také stojí, že ze 146 klíčových slov v tabulce má ve skutečnosti méně barev. To znamená, že tato klíčová slova znamenají stejnou barvu. Názvy Gray a Grey tedy označují 50hexovou barvu s kódem #808080 a slovo Magenta je synonymem pro HTML barvu Fuchsia, která odpovídá hexadecimálnímu kódu #FF00FF. Také synonymum pro slova Aqua a Cyan, smrad odpovídá kódu #00FFFF.
|
|