Tmavě hnědá barva html. HTML tutoriál. RGB barvy. Bezpečná paleta barev

Barvu v CSS lze nastavit různými způsoby:

  • podle jména,
  • pomocí hexadecimální hodnoty,
  • ve formátech RGB a RGBA,
  • ve formátech HSL a HSLA.

Nastavte barvu podle názvu

Prohlížeče podporují zadání některých barev pro prvky podle názvu. Tato tabulka obsahuje některá klíčová slova (anglické názvy barev), která se používají k určení vlastností barev, kódu RGB, hexadecimálního kódu (HEX) a kódu HSL.

Stůl 1. Názvy barev, jejich RGB, HEX a HSL kód.
název Barva RGB HEX HSL Popis
bílý rgb(255, 255, 255) #ffffff nebo #fff hsl(0, 0 %, 100 %) Bílý
stříbrný rgb(192, 192, 192) #c0c0c0 hsl(0, 0 %, 75 %) Šedá
šedá rgb(128, 128, 128) #808080 hsl(0, 0 %, 50 %) Tmavošedý
Černá rgb(0, 0, 0) #000000 nebo #000 hsl(0, 0 %, 0 %) Černá
kaštanové rgb(128, 0, 0) #800000 hsl(0, 100 %, 25 %) Tmavě červená
Červené rgb(255, 0, 0) #ff0000 nebo #f00 hsl(0, 100 %, 50 %) Červené
oranžový rgb(255, 165, 0) #ffa500 hsl(38,8, 100 %, 50 %) oranžový
žlutá rgb(255, 255, 0) #ffff00 nebo #ff0 hsl(60, 100 %, 50 %) Žlutá
olivový rgb(128, 128, 0) #808000 hsl(60, 100 %, 25 %) Olivový
Limetka rgb(0; 255; 0) #00ff00 nebo #0f0 hsl(120, 100 %, 50 %) Světle zelená
zelená rgb(0; 128; 0) #008000 hsl(120, 100 %, 25 %) Zelená
aqua rgb(0, 255, 255) #00ffff nebo #0ff hsl(180, 100 %, 50 %) Modrý
modrý rgb(0, 0, 255) #0000ff nebo #00f hsl(240, 100 %, 50 %) Modrý
námořnictvo rgb(0,0,128) #000080 hsl(240, 100 %, 25 %) Tmavě modrá
modrozelená rgb(0; 128; 128) #008080 hsl(180, 100 %, 25 %) Modrá zelená
fuchsie rgb(255, 0, 255) #ff00ff nebo #f0f hsl(300, 100 %, 50 %) Růžový
nachový rgb(128, 0, 128) #800080 hsl(300, 100 %, 25 %) fialový

Toto je příklad použití názvů barev, názvy barev jsou převzaty z rozšířené tabulky.

RGB v CSS

Středně tyrkysová
hnědý
karmínový
modrofialová
rolivedrab


Tento kód funguje takto:

Nastavení barev pomocí RGB

RGB je aditivní barevný model. V angličtině přidání- přidání. RGB je zkratka anglických slov: Red, Green, Blue - červená, zelená, modrá). Z toho je zřejmé, že v modelu RGB jsou barvy syntetizovány přidáním tří barev (červená, zelená, modrá) v různém množství.

Smícháním červené, zelené a modré barvy můžete získat několik milionů odstínů. Všechny možné kombinace jsou uloženy v paměti počítače.

Dostat se k věci.

Chcete-li nastavit vlastnosti v tomto formátu, použijte zápis rgb(r, g, b), kde r, g, b jsou tři kanály pro každou barvu (červená, zelená, modrá). Hodnoty pro každý kanál jsou nastaveny v rozsahu od 0 do 255.

Příklad kódu.

Aby bylo vše jasné, zde je příklad kódu:

RGB v CSS

rgb(255, 0, 0)
rgb(0; 255; 0)
rgb(0, 0, 255)


Tento příklad by měl fungovat takto:

Obr. 1. Barvy v RGB.

Například vysvětlení.

Na začátku stránky vytvoříme třídu div.rgb, je potřeba pro bloky vytvořené tagem

byly zobrazeny v požadované velikosti: 240px na 40px. Vlastnosti line-height přiřadíme hodnotu 40px, tedy rovnou výšce bloku, to vám umožní zobrazit text v bloku
ve vertikálním středu. Text vycentrujeme vodorovně pomocí pravidla ( zarovnání textu: na střed ;).

Dále v kódu nastavíme barvu pozadí bloku

pomocí atributu style, pomocí vlastnosti pozadí a přiřazením hodnot rgb(255, 0, 0) , rgb(0, 255, 0) a rgb(0, 0, 255) . To znamená, že střídavě děláme jeden kanál co nejvíce nasycený a zbývající kanály se nepoužívají pro syntézu, protože jejich hodnota je nula.

Zkuste upravit tento příklad a zadat své vlastní hodnoty, například rgb(100, 100, 100) .

Nastavení barev pomocí RGBA

CSS3 má nový nástroj pro práci s barvami – formát RGBA. Lze to nazvat evolucí modelu RGB, ale s přidáním jednoho nového kanálu - kanálu A nebo alfa. Tento kanál nastavuje průhlednost barvy. Jeho hodnoty jsou nastaveny v rozsahu od 0 do 1. Hodnota 0 odpovídá plné průhlednosti, 1 - plné neprůhlednosti (barva bude stejná, jako byla specifikována v prvních třech kanálech RGB) a středním hodnotám ​jako 0,4 nebo 0,6 - průsvitnost v různé míře.

Příklad kódu.

RGBA v CSS3



Bude to fungovat následovně:

Tento kód je vizuálně podobný následujícímu, který používá model RGB k určení hodnoty barvy:

RGBA v CSS3



Zde je jeho výsledek:

Hodnota alfa kanálu rovna nule činí jakoukoli barvu neviditelnou – absolutně transparentní hodnota rovná jedné převádí barvu v kódu RGB beze změn. Vlastnost rgba(255,0,0,1.0) zobrazuje červenou barvu rgb(255, 0, 0) .

Podle hexadecimální hodnoty (HEX kód)

V každodenním životě používáme desítkový systém počítání. Jeho původ je velmi jednoduchý – na rukou máme deset prstů a počítání na prstech bylo v životě pohodlné. Pokud má desítková soustava deset číslic: od 0 do 9 a číslo 10 je další číslice, pak má šestnáctková soustava 16 číslic a další číslice je číslo 16.

K označení barevných kódů se jako hexadecimální číslice používají běžné desetinné číslice od 0 do 9 a k označení čísel od 10 do 15 se používají latinská písmena od A do F, tedy (0, 1, 2, 3, 4, 5 6, 7, 8, 9, A, B, C, D, E, F). Pro přehlednost si to uveďme do tabulky:

K zápisu hexadecimálních čísel větších než F (15 v desítkové soustavě), stejně jako v desítkové soustavě, používají také kombinaci dvou číslic, ale již šestnáctkovou, což je zřejmé. Chcete-li tedy zapsat desetinné číslo 255 v hexadecimálním zápisu, použijte zápis FF.

Hexadecimální systém je pro počítač srozumitelnější a rychleji zpracovává hodnoty nastavené hexadecimální hodnotou.

Chcete-li zadat barvu v šestnáctkové soustavě, před číselnou hodnotu uveďte znak „#“, příklad: #FFC0CB. Samotná hodnota #FFC0CB se skládá ze tří hexadecimálních číslic FF, C0 a CB. Význam této položky je stejný jako nastavení barvy ve formátu RGB (rgb(r, g, b)) - každá hexadecimální číslice v HEX kódu označuje sytost barev ve svém kanálu modelu RGB.

HEX kód v CSS

#FF0000
#00FF00
#0000FF


Tento kód zobrazí následující prvky:

A zde je obrázek s výsledkem ze sekce "Nastavení barev pomocí RGB" na této stránce výše.

Obr. 1. Barvy v RGB.

Vidíme, že barvy jsou stejné.

Zkrácený zápis HEX kódu barvy je povolen: 6místné číslo lze zapsat jako 3místné číslo. To platí pouze tehdy, když se dvě číslice v barevné hodnotě jednoho kanálu opakují.

To znamená, že je přijatelná následující zkratka:

Například barvu #ff22aa lze zapsat jako #f2a nebo barvu #44aa22 zapsat jako #4a2.

Nastavení barev pomocí HSL

CSS3 má nový formát pro specifikaci barev.

Formát HSL je zkratka anglických slov: Hue (odstín), Saturate (sytost) a Lightness (světlost).

Odstín v HSL je hodnota barvy na speciálním barevném kole (obrázek 2) a je uvedena ve stupních. Pokud nakreslíme analogii s modelem RGB, pak 0° odpovídá červené, 120° odpovídá zelené a 240° odpovídá modré.

Hodnota odstínu se změní z 0 na 359.


Obrázek 2. Barevné kolo HSL.

Druhá hodnota - sytost (Saturate) se nastavuje v procentech. Při 100% sytosti je barva co nejvíce „šťavnatá“, jak se indikátor sytosti pohybuje směrem k 0 %, barva se stává matnější a bledne do šedi.

Třetí hodnota, Světlost, se také nastavuje v procentech. Čím vyšší procento, tím jasnější bude barva. Extrémní hodnoty 0 % a 100 % budou indikovat černé (žádné světlo) a bílé (přeexponované) barvy a nezáleží na tom, která barva z barevného kruhu byla vybrána v prvním kanálu. Optimální hodnota jasu barev je 50 %.

Nastavení barev pomocí HSLA

Formát HSLA souvisí s HSL, stejně jako RGB s RGBA. Ve formátu HSLA, stejně jako v RGBA, je přidán alfa kanál, který je zodpovědný za průhlednost barev.

Barva uvedená ve formátu HSL je snáze čitelná. Dá se říci, že je intuitivní. Například kód hsl(120,60%,50%) může představovat konečnou barvu, pokud je v paměti obrázek barevného kola HSL. Totéž nelze říci o formátech RGB a HEX; barevný kód uvedený v těchto formátech je jasný až po zobrazení na monitoru.

Nové formáty v CSS3 (HSL, HSLA a RGBA) fungují v prohlížečích od verzí: IE 9.0, Opera 10.0 Firefox 3.0. Jak mohu zajistit, aby styly fungovaly ve starších prohlížečích?

Somebloсk ( barva pozadí: rgb(255,50,50); barva pozadí: rgba(255,50,50,0,85) )

Při použití tohoto kódu ve starších prohlížečích se barva pozadí pro třídu .somebloсk, i když nebude používat alfa kanál, zobrazí ve formátu RGB.

Barevné kódy v CSS se používají k určení barev. Barevné kódy nebo hodnoty barev se obvykle používají k nastavení barvy buď pro barvu popředí prvku (např. barva textu, barva odkazu) nebo barvu pozadí prvku (barva pozadí, barva bloku). Lze je také použít ke změně barvy tlačítka, ohraničení, značky, vznášení a dalších dekorativních efektů.

Hodnoty barev můžete zadat v různých formátech. V následující tabulce jsou uvedeny všechny možné formáty:

Uvedené formáty jsou podrobněji popsány níže.

CSS barvy - Hex kódy

Hexadecimální kód barvy je šestimístná reprezentace barvy. První dvě číslice (RR) představují červenou hodnotu, další dvě představují zelenou hodnotu (GG) a poslední dvě představují modrou hodnotu (BB).

CSS barvy - krátké hexadecimální kódy

Krátký hexadecimální kód barvy je kratší forma šestiznakového zápisu. V tomto formátu se každá číslice opakuje, aby vznikla ekvivalentní šestimístná hodnota barvy. Například: #0F0 se změní na #00FF00.

Hexadecimální hodnotu lze převzít z libovolného grafického softwaru, jako je Adobe Photoshop, Core Draw atd.

Každému hexadecimálnímu barevnému kódu v CSS bude předcházet znak hash „#“. Níže jsou uvedeny příklady použití hexadecimálních zápisů.

CSS barvy – hodnoty RGB

hodnota RGB je kód barvy, který se nastavuje pomocí vlastnosti rgb(). Tato vlastnost má tři hodnoty: jednu pro červenou, zelenou a modrou. Hodnota může být celé číslo od 0 do 255 nebo procento.

Poznámka: Ne všechny prohlížeče podporují vlastnost barvy rgb(), proto se nedoporučuje ji používat.

Níže je uveden příklad ukazující více barev pomocí hodnot RGB.

Generátor barevných kódů

Pomocí naší služby můžete vytvořit miliony barevných kódů.

Bezpečné barvy pro prohlížeč

Níže je tabulka 216 barev, které jsou nejbezpečnější a nezávislé na počítači. Tyto barvy v CSS se pohybují od 000000 do FFFFFF hexadecimálního kódu. Jejich použití je bezpečné, protože zajišťují, že všechny počítače zobrazují barvy správně při práci s paletou 256 barev.

Tabulka "bezpečných" barev 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 #6600 CC#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

HEX/HTML

HEX barva není nic jiného než hexadecimální reprezentace RGB.

Barvy jsou reprezentovány jako tři skupiny hexadecimálních číslic, kde každá skupina je zodpovědná za svou vlastní barvu: #112233, kde 11 je červená, 22 je zelená, 33 je modrá. Všechny hodnoty musí být mezi 00 a FF.

Mnoho aplikací umožňuje zkrácenou formu hexadecimálního barevného zápisu. Pokud každá ze tří skupin obsahuje stejné znaky, například #112233, lze je zapsat jako #123.

  1. h1 ( barva: #ff0000; ) /* červená */
  2. h2 ( barva: #00ff00; ) /* zelená */
  3. h3 ( barva: #0000ff; ) /* modrá */
  4. h4 ( barva: #00f; ) /* stejná modrá, těsnopis */

RGB

Barevný prostor RGB (červená, zelená, modrá) se skládá ze všech možných barev, které lze vytvořit smícháním červené, zelené a modré. Tento model je oblíbený ve fotografii, televizi a počítačové grafice.

Hodnoty RGB jsou zadány jako celé číslo od 0 do 255. Například rgb(0,0,255) se zobrazí jako modré, protože modrý parametr je nastaven na nejvyšší hodnotu (255) a ostatní jsou nastaveny na 0.

Některé aplikace (zejména webové prohlížeče) podporují procentuální záznam hodnot RGB (od 0 % do 100 %).

  1. h1 ( barva: rgb(255, 0, 0); ) /* červená */
  2. h2 ( barva: rgb(0, 255, 0); ) /* zelená */
  3. h3 ( barva: rgb(0, 0, 255); ) /* modrá */
  4. h4 ( barva: rgb(0%, 0%, 100%); ) /* stejná modrá, procentuální zadání */

Hodnoty barev RGB jsou podporovány ve všech hlavních prohlížečích.

RGBA

V poslední době se moderní prohlížeče naučily pracovat s barevným modelem RGBA – rozšířením RGB o podporu alfa kanálu, který určuje neprůhlednost objektu.

Hodnota barvy RGBA je specifikována jako: rgba (červená, zelená, modrá, alfa). Parametr alfa je číslo v rozsahu od 0,0 (plně průhledné) do 1,0 (plně neprůhledné).

  1. h1 ( barva: rgb(0, 0, 255); ) /* modrá v běžném RGB */
  2. h2 ( barva: rgba(0, 0, 255, 1); ) /* stejná modrá v RGBA, protože neprůhlednost: 100 % */
  3. h3 ( barva: rgba(0, 0, 255, 0,5); ) /* neprůhlednost: 50 % */
  4. h4 ( barva: rgba(0, 0, 255, 0,155); ) /* neprůhlednost: 15,5 % */
  5. h5 ( barva: rgba(0, 0, 255, 0); ) /* zcela průhledná */

RGBA je podporováno v IE9+, Firefox 3+, Chrome, Safari a Opera 10+.

HSL

Barevný model HSL je reprezentací modelu RGB ve válcovém souřadnicovém systému. HSL představuje barvy intuitivnějším a čitelnějším způsobem než typické RGB. Model se často používá v grafických aplikacích, barevných paletách a analýze obrazu.

HSL je zkratka pro Hue (barva/odstín), Saturation (sytost), Lightness/Luminance (světlost/světlost/svítivost, nezaměňovat s jasem).

Odstín určuje polohu barvy na barevném kole (od 0 do 360). Sytost je procentuální hodnota sytosti (od 0 % do 100 %). Světlost je procento lehkosti (od 0 % do 100 %).

  1. h1 ( barva: hsl(120, 100 %, 50 %); ) /* zelená */
  2. h2 ( barva: hsl(120, 100 %, 75 %); ) /* světle zelená */
  3. h3 ( barva: hsl(120, 100 %, 25 %); ) /* tmavě zelená */
  4. h4 ( barva: hsl(120, 60%, 70%); ) /* pastelově zelená */

HSL je podporováno v prohlížečích IE9+, Firefox, Chrome, Safari a Opera 10+.

HSLA

Podobně jako RGB/RGBA má HSL režim HSLA, který podporuje alfa kanál k označení neprůhlednosti objektu.

Hodnota barvy HSLA je specifikována jako: hsla(odstín, sytost, světlost, alfa). Parametr alfa je číslo v rozsahu od 0,0 (plně průhledné) do 1,0 (plně neprůhledné).

  1. h1 ( barva: hsl(120, 100 %, 50 %); ) /* zelená v normálním HSL */
  2. h2 ( barva: hsla(120, 100 %, 50 %, 1); ) /* stejná zelená v HSLA, protože neprůhlednost: 100 % */
  3. h3 ( barva: hsla(120, 100 %, 50 %, 0,5); ) /* neprůhlednost: 50 % */
  4. h4 ( barva: hsla(120, 100 %, 50 %, 0,155); ) /* neprůhlednost: 15,5 % */
  5. h5 ( barva: hsla(120, 100 %, 50 %, 0); ) /* zcela průhledná */

CMYK

Barevný model CMYK je často spojován s barevným tiskem a tiskem. CMYK (na rozdíl od RGB) je subtraktivní model, což znamená, že vyšší hodnoty jsou spojeny s tmavšími barvami.

Barvy jsou určeny poměrem azurové (Cyan), purpurové (Magenta), žluté (Yellow), s přídavkem černé (Key/blacK).

Každé z čísel, které definují barvu v CMYK, představuje procento inkoustu dané barvy, které tvoří barevnou kombinaci, nebo přesněji velikost rastrového bodu, který se vytiskne na fotosázecí stroj na film dané barvy (resp. přímo na tiskovou desku v případě CTP).

Například pro získání barvy PANTONE 7526 byste smíchali 9 dílů azurové, 83 dílů purpurové, 100 dílů žluté a 46 dílů černé. To lze označit následovně: (9,83,100,46). Někdy se používají následující označení: C9M83Y100K46, nebo (9 %, 83 %, 100 %, 46 %), nebo (0,09/0,83/1,0/0,46).

HSB/HSV

HSB (také známý jako HSV) je podobný HSL, ale jsou to dva různé barevné modely. Oba jsou založeny na cylindrické geometrii, ale HSB/HSV je založen na modelu „hexcone“, zatímco HSL je založen na modelu „bi-hexcone“. Umělci často preferují použití tohoto modelu, obecně se uznává, že zařízení HSB/HSV se blíží přirozenému vnímání barev. V Adobe Photoshopu se používá zejména barevný model HSB.

HSB/HSV je zkratka pro Hue (barva/odstín), Saturation (saturace), Brightness/Value (jas/hodnota).

Odstín určuje polohu barvy na barevném kole (od 0 do 360). Sytost je procentuální hodnota sytosti (od 0 % do 100 %). Jas je procento jasu (od 0 % do 100 %).

XYZ

Barevný model XYZ (CIE 1931 XYZ) je čistě matematický prostor. Na rozdíl od RGB, CMYK a dalších modelů jsou v XYZ hlavní komponenty „imaginární“, což znamená, že nemůžete přiřadit X, Y a Z k žádné sadě barev, které se mají míchat. XYZ je hlavní model pro téměř všechny ostatní barevné modely používané v technických oborech.

LABORATOŘ

Barevný model LAB (CIELAB, „CIE 1976 L*a*b*“) je vypočítán z prostoru CIE XYZ. Cílem laboratoře bylo vytvořit barevný prostor, ve kterém by změny barev byly z hlediska lidského vnímání lineárnější (ve srovnání s XYZ), to znamená, aby stejná změna hodnot barevných souřadnic v různých oblastech barevného prostoru vyvolávají stejný pocit změny barvy.

>> Správa barev

Hexadecimální hodnoty barev RGB

Metody popisu a zpracování barvy se od sebe liší tím, k jakému výslednému zobrazení jsou určeny. Srovnejme například zastoupení barev pro tisk a pro počítačové monitory. V prvním případě se vezme základ bílý barva papíru, na kterou 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 dávají tyto tři základní barvy různé barevné odstíny, kromě čistě černé, nebo při úplné absenci barev dávají bílý papír. Pokud k nim přidáme černou barvu, 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ě se bere 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- způsob přenosu barev. Primární barvy se mohou pohybovat 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á deset číslic, ale šestnáct – odtud název. V souladu s tím mohou existovat pouze neopakující se varianty kombinací dvou číslic - 256 , chcete-li pokračovat v řadě čísel poté 9 dopisy od A před F, takže seriál bude vypadat takto -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.
Pro převod čísel z jedné číselné soustavy do druhé a naopak použijte níže uvedenou kalkulačku. Maximální hodnota zde může být FF - 255 .

V tomto případě je barva určena třemi hexadecimálními čísly, z nichž každé se skládá ze dvou číslic. První číslo určuje intenzitu Červené barvy, střední - zelená, poslední věc- modrý barvy. Všechna čísla mohou nabývat hodnot v rozsahu 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 zadat libovolné hexadecimální hodnoty pro každou ze tří barev a zobrazit výsledek jejich smíchání kliknutím do výstupního pole.

ČERVENÉZELENÁMODRÝ
0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f
...klikněte zde

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

Pohled kód Pohled kód Pohled kód Pohled kód Pohled kód Pohled 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čení barvy pomocí řetězcových literálů

Pro usnadnění použití byly některým barvám a jejich kombinacím přiřazeny názvy, 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:

Pohled název Pohled název Pohled název Pohled název
Bílý Červené oranžový Žlutá
Zelená Modrý Nachový Černá
Aliceblue Antiquewhite Aqua Akvamarín
Blankyt Béžový Bisque Blanchedalmond
Modrofialová Hnědý Burlywood Cadetblue
Chartreuse Čokoláda Korál Chrpa modrá
Cornsilk Karmínový Tyrkysová Tmavě modrá
Darkcyan Darkgoldenrod Tmavě šedá Tmavozelený
Darkkhaki Darkmagenta Darkolivegreen Tmavooranžová
Darkorchid Tmavě červená Tmavý losos Tmavězelená
Tmavě břidlicově modrá Darkslategrey Tmavě tyrkysová Tmavě fialová
Sytě růžová Tmavě modrá Dimgray Dodgerblue
Ohnivá cihla Květinově bílá Forestgreen Fuschia
Gainsboro Ghostwhite Zlato Zlatobýl
Šedá Zelená žlutá Medovice Hotpink
indiánská Indigo Slonová kost Khaki
Levandule Levandulový ruměnec Lemonchiffon Světle modrá
Lightcoral světle azurová Světlostudenárodžlutá Světle zelená
Světle šedá Světle růžová Světlý losos Světlezelená
Světle nebesky modrá Světleslatešedá Světleocelová modrá Světle žlutá
Limetka Limetkově zelená Prádlo Purpurová
Maroon Mediumakvamarín Středně modrá Středně morchidní
Středně fialová Středně zelená Středně břidlicověmodrá Středně jarní zelená
Středně tyrkysová Středně fialová Půlnoční modrá Mátový krém
Mistyrose Navajobílá námořnictvo Oldlace
Olivový Oliverab Oranžová červená Orchidej
Palegoldenrod Bledězelená Paletyrkysová Palefialová
Papayawhip Peachpuff Peru Růžový
Švestka Modrý prášek Růžově hnědá Královská modrá
Sedlově hnědá Zelené moře Mušle Sienna
stříbrný Modrá obloha Slateblue Slategray
Sníh Springgreen ocelově modrá Opálení
Teal Bodlák Rajče Tyrkysový
fialový Pšenice Bílý kouř Žluto zelená
Seznam malých literálů s názvy barev je poměrně rozsáhlý a více než dostatečný. Pokud potřebujete nastavit barvu pozadí, která je tak neobvyklá, že nemá ani název, můžete použít hexadecimální hodnotu.

Použití bezpečné palety barev

Bohužel na různých platformách s různým nastavením systému je správná reprodukce barev problém. Jde o to, že prohlížeč se vždy snaží přizpůsobit barevnou paletu dokumentu nastavení systému a možnostem monitoru tím, že nezávisle míchá barvy a nahrazuje je. V důsledku toho někdy uživatel nevidí přesně to, co mu webmaster chtěl ukázat. Východisko z této situace bylo nalezeno v použití palety, jejíž každou barvu zaručeně vykreslí stejně všechny prohlížeče na různých platformách. Jedná se o tzv zaručena paleta, nazývaná také bezpečný paleta. Tato paleta obsahuje barvy, jejichž barevné složky nabývají následujících hodnot: 00 ,33 ,66 ,99 , CC,FF, všemi možnými způsoby 216 jejich kombinace.

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 CCCC99 666633 333300 99 FF00 99FF33 99CC66 99 CC00 99CC33 669900 CCFF99 99FF99 66 CC00 66CC33 669933 336600 66FF00 66FF33 33 FF00 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 3399 FF 0099FF 6699 CC 336699 006699 0066FF 3366 CC 0066CC 0033FF 003399 003366 6699 FF 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 9999 FF 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 9900 CC CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
Pohled kód Pohled kód Pohled kód Pohled kód Pohled kód Pohled kód



Horní