Obsah
- Úvod
- 16 základních barev
- 141 pojmenovaných barev
- 216 bezpečných barev
- Odstíny barev v RGB
- Vliv formátu, počtu barev a rastrování (dithering) na velikost a kvalitu bezztrátového png obrázku
- Konverze barvy
- Reference
Barvy
út 31. října 2023 19:18 CET (před 1 rokem)
Základní, bezpečné a pojmenované html barvy a jejich vlastnosti v RGB. Vliv rastrování a počtu barev na velikost obrázku. Konverze barev (s odstíny a kontrasty):
Úvod
Barevný prostor^ je množina barev^ kterou lze matematicky definovat barevným modelem^. Množina barev je dána gamutem^ a počtem bitů použitých k reprezentaci barvy čili barevnou (bitovou) hloubkou^. Reprezentace (zápis) konkrétní barvy se řídí příslušným barevným modelem a způsobem užití (v HTML^ podle pravidel CSS^. Neznámější barevné modely jsou:
- RGB^ - je barevný model založený na aditivním míchání^ barev a je vhodný pro projekci (zobrazení) barev (viz Odstíny barev v RGB)
- CMYK^ - je barevný model založený na subtraktivním míchání^ barev a je vhodný pro reprodukci (tisk) barev. Jeho nevýhodou je ztráta části barevného spektra při konverzi z jiných modelů
- HSL, HSV (HSB)^ - barevný model nejvíce odpovídá lidskému vnímání barev
16 základních barev
Pouze 16 základních barev^[1] definuje HTML specifikace 4.01^.
16 základních barev se všemi bežnými způsoby zápisu (jmenný anglický název, RGB dec,hex, RGB shorthex, RGB dec, HSL a CMYK (nedostupné v modelu^ RGB shorthex, řazeno podle přirozeného barevného spektra):
141 pojmenovaných barev
141 pojmenovaných barev^ obsahuje 16 základních barev a 125 dalších. Jsou to barvy, které mají svůj jmenný anglický název (v seznamu není uvedena transparentní barva^, neboť to není konkrétní barva, ale vlastnost z CSS^). Devět barev má dva rozdílné názvy: a) Aqua / Cyan, b) DarkGray / DarkGrey, c) DarkSlateGray / DarkSlateGrey, d) DimGray / DimGrey, e) Fuchsia / Magenta, f) Gray / Grey, g) LightGray / LightGrey, h) LightSlateGray / LightSlateGrey a i) SlateGray / SlateGrey.
141 pojmenovaných barev (nedostupné v modelu^ RGB shorthex, řazeno vzestupně podle jmenného anlického názvu):
216 bezpečných barev
Bezpečné barvy^ se používají na zařízeních, které zobrazí jen 256 barev, proto, aby se na všech těchto zařízeních mohly zobrazovat vždy stejně věrně. Poznáme je podle toho, že jsou složeny z pouze z čísel: 0, 51, 102, 153, 204, 255 (hexadecimálně: 0, 3, 6, 9, C, F), čili se dají zapsat pomocí 8 bitů (v RGB se však zapisují pomocí 24 bitů, případně zkráceně jako RGB shorthex pomocí 12 bitů).
216 bezpečných barev (řazeno podle přirozeného barevného spektra):
Odstíny barev v RGB
Barevný model^ RGB^ je tvořen na základě tří základních barev^ (červená, zelená a modrá):
Aditivním mícháním^ těchto tří základních barev dostaneme všechny ostatní odstíny, přičemž každá nová barva (světelný zdroj) vzniklá míchanáním je z důvodu větší intenzity světla světlejší. Např.: Červená + Zelená = Žlutá, Zelená + Modrá = Tyrkysová, Modrá + Červená = Purpurová, Červená + Zelená + Modrá = Bílá, žádná barva (bez světelného zdroje) = Černá.
Počty odstínů barev v rámci daného modelu:
| Způsob zápisu (příklad zápisu barvy) | Barevná hloubka | Počet barev | |||
|---|---|---|---|---|---|
| Celkem | Černá, odstíny šedé a bílá (monochromatické barvy) | Syté barvy (bez přímesí černé, šedých odstínů a bílé) | Ostatní barvy (s přímesí černé, šedých odstínů nebo bílé) | ||
| RGB dec (rgb(255,153,0)) | 24 bitů | 224 = 16 777 216 | 256 | 1 530 | 16 775 430 |
| RGB hex (#FF9900) | 24 bitů | 224 = 16 777 216 | 256 | 1 530 | 16 775 430 |
| RGB shorthex (#F90) | 12 bitů^ | 212 = 4 096 | 16 | 90 | 3 990 |
| Identifikace | Ve všech třech složkách R, G a B musí být vždy stejná hodnota, např.: rgb(10,10,10), #AAAAAA, #AAA. | Ze složek R, G a B musí jedna složka obsahovat nulu a jiná složka musí obsahovat maximální hodnotu (255, FF, F), např.: rgb(255,153,0), #FF9900, #F90. | Nesplňuje ani jednu z předchozích dvou kategorií. | ||
Černá, odstíny šedé a bílá (monochromatické barvy)
2 monochromatické barvy - černá a bílá (řazeno vzestupně podle RGB dec,hex):
4 monochromatické barvy - černá, 2 odstíny šedé a bílá (řazeno vzestupně podle RGB dec,hex):
16 monochromatických barev
16 monochromatických barev - černá, 14 odstínů šedé a bílá (řazeno vzestupně podle RGB dec,hex):
256 monochromatických barev (24 bitů)
256 monochromatických barev - černá, 254 odstínů šedé a bílá (nedostupné v modelu^ RGB shorthex, řazeno vzestupně podle RGB dec,hex):
Syté barvy (bez přímesí černé, šedých odstínů a bílé)
Porovnání spektra sytých barev^ barevným kruhem^:
| 6 sytých barev | 12 sytých barev (24 bitů) | 90 sytých barev | 1 500 sytých barev (24 bitů) |
|---|---|---|---|
6 sytých barev
6 sytých barev^ (řazeno podle přirozeného barevného spektra):
12 sytých barev (24 bitů)
12 sytých barev^ (nedostupné v modelu^ RGB shorthex, řazeno podle přirozeného barevného spektra):
90 sytých barev
90 sytých barev^ (řazeno podle přirozeného barevného spektra). Ob dva řádky je ve stejném sloupci zobrazena kontrastní barva (např.: k barvě #F90 je to kontrastní barva #06F):
1 500 sytých barev (24 bitů)
1 530 sytých barev^ (nedostupné v modelu^ RGB shorthex, řazeno podle přirozeného barevného spektra):
Ostatní barvy (s přímesí černé, šedých odstínů nebo bílé)
3 990 ostatních barev
3 990 ostatních barev (řazeno podle přirozeného barevného spektra syté barvy, dále pak vzestupně podle odstínu modelu^ RGB shorthex nebo podle odstínu Rozložení kompletních RGB shorthex odstínů; chybějící odstíny lze zaznamenat zápisem pomocí modelu^ RGB hex případně je možné využít interní nástroj Konverze barvy):
| sytá barva | ||||||||||||||||||||||||||||||
| bílá | sytá barva s odstíny bílé (14x) | ┼ | sytá barva s odstíny černé (14x) | černá | ||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| šedá 6.25% | sytá barva s odstíny šedé (25x) | šedá 93.75% | ||||||||||||||||||||||||||||
| šedá 12.5% | sytá barva s odstíny šedé (21x) | šedá 87.5% | ||||||||||||||||||||||||||||
| šedá 18.75% | sytá barva s odstíny šedé (17x) | šedá 81.25% | ||||||||||||||||||||||||||||
| šedá 25% | sytá barva s odstíny šedé (13x) | šedá 75% | ||||||||||||||||||||||||||||
| šedá 31.25% | sytá barva s odstíny šedé (9x) | šedá 68.75% | ||||||||||||||||||||||||||||
| šedá 37.5% | sytá barva s odstíny šedé (5x) | šedá 62.5% | ||||||||||||||||||||||||||||
| šedá 43.75% | sytá barva s odstínem šedé | šedá 50% | ||||||||||||||||||||||||||||
16 775 430 ostatních barev (24 bitů)
Z důvodu ztráty přehlednosti a paměťové náročnosti při zpracování 16 775 430 ostatních barev (nedostupné v modelu^ RGB shorthex) je lepší použít jiný způsob zobrazení (např. pomocí nástroje: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool^).
Vliv formátu, počtu barev a rastrování (dithering) na velikost a kvalitu bezztrátového png obrázku
337 413 barev barevný bez rastrování [100 % originál] | 1 barva černobílý bez rastrování [0,65 % originálu] | 2 barvy černobílý bez rastrování [1,25 % originálu] | 2 barvy černobílý s rastrováním [3,68 % originálu] | 4 barvy černobílý bez rastrování [4,37 % originálu] | 4 barvy černobílý s rastrováním [14,67 % originálu] | 4 barvy barevný bez rastrování [3,70 % originálu] | 4 barvy barevný s rastrováním [14,16 % originálu] |
16 barev černobílý bez rastrování [13,78 % originálu] | 16 barev černobílý s rastrováním [25,27 % originálu] | 16 barev barevný bez rastrování [8,07 % originálu] | 16 barev barevný s rastrováním [29,46 % originálu] | 256 barev černobílý bez rastrování [41,91 % originálu] | 256 barev černobílý s rastrováním [80,84 % originálu] | 256 barev barevný bez rastrování [24,64 % originálu] | 256 barev barevný s rastrováním [60,94 % originálu] |
Konverze barvy
Konverze barvy mezi barevnými modely RGB hex (RGB shorthex), RGB dec, HSL a CMYK. Kromě převodu zobrazí také odstíny barvy, šedé tóny, nejbližší bezpečnou barvu a kontrastní barvu:
Reference
- ^ V dnešní době, vzhledem k bohatým možnostem zobrazovacích zařízení, již nemají takový význam.