Barevný přechod - Color gradient

v počítačová grafika, a barevný přechod určuje rozsah závislý na poloze barvy, obvykle se používá k vyplnění oblasti.[1] Například mnoho správci oken umožňuje určit pozadí obrazovky jako přechod. Barvy produkované přechodem se plynule mění s pozicí a vytvářejí plynulé barevné přechody.
Barevný přechod je také známý jako a barevná rampa nebo a postup barev. Při přiřazování barev k sadě hodnot je přechod spojitá barevná mapa, typ barevné schéma.
Definice
- Barevný přechod je sada barev uspořádaných do a lineární pořadí (objednáno)
- Kontinuální barevná mapa je křivka a barevný prostor
Přísná definice
Barevná mapa[4] je funkce které spojují skutečnou hodnotu r s bodem c v barevný prostor
který je definován:
- barevný prostor C.
- rostoucí posloupnost vzorkování bodů
- řada hodnot v barevném prostoru
- the mapování
- pravidlo pro interpolovat střední hodnoty
kde:
- r je a reálné číslo
- je sada reálných čísel
- c je a barva = ukázat barevný prostor C
Typy
Axiální přechody

Axiální barevný přechod (někdy také nazývaný lineární barevný přechod) je určen dvěma body a barvou v každém bodě. Barvy podél čáry procházející těmito body se vypočítají pomocí lineární interpolace, poté prodloužena kolmo k této přímce. v digitální zobrazování systémy, barvy jsou obvykle interpolovány v RGB barevný prostor, často pomocí gama komprimováno Hodnoty barev RGB, na rozdíl od lineárních. CSS i SVG podporují lineární přechody.[5][6]
Radiální přechody

Radiální gradient je zadán jako a kruh která má jednu barvu na okraji a další ve středu. Barvy se počítají lineární interpolací na základě vzdálenosti od středu. To lze použít k přiblížení difúzní odraz světla z bodového zdroje pomocí a koule.[Citace je zapotřebí ] CSS i SVG podporují radiální přechody.[7][8]
Kuželovité přechody

Kónické nebo kuželové přechody jsou přechody s barevnými přechody otočenými kolem středového bodu (spíše než vyzařující ze středu). Příklad kuželovitých přechodů zahrnuje výsečové grafy a barevná kolečka.[9]
Jiné tvary
v vektorová grafika mnohoúhelníkové sítě lze použít, např. Adobe Illustrator podporováno přechodové sítě.
Vliv barevného prostoru
Vzhled přechodu se liší nejen podle samotné barvy, ale také podle barevného prostoru, ve kterém se výpočet provádí. Problém se obvykle stává důležitým ze dvou důvodů:
- Gama korekce do barevného prostoru. S typickým γ kolem 2 je snadné si všimnout, že barevný prostor s povoleným gama bude míchat tmavší než barevný prostor s lineární intenzitou, protože součet čtverců dvou čísel nikdy není větší než čtverec jejich součtu. Efekt je nejvíce patrný při míchání doplňkové barvy jako červená a zelená, přičemž střední barva je tmavá barva místo očekávané žluté.[10][11]
- Zacházení s jinými vnímavými vlastnostmi. v informační vizualizace, je nežádoucí mít na cestě údajně „plochý“ gradient, který vykazuje monotónní variace světlosti a sytosti. Je to proto, že lidská vize zdůrazňuje tyto vlastnosti, což způsobuje zkreslení nebo zmatek při interpretaci.[12]
Příklady
- 2D RGB profily
- Přechod na barevném kole HSV
Jeden odstín ( jednobarevný ) spád
polychromatický (více odstínů) barevný přechod
HSV duha
- HSV duha
RGB 2D profily
2D profily HSV
3D profil RGB
Nástroje
- Nástroj CCC[13] je obecný nástroj pro tvorbu, analýzu a testování barevných map se snahou minimalizovat potřebné komponenty interakce.[14]
- Barevná opatření online nástroj, který vám umožní matematicky analyzovat vlastnosti barevné mapy ve více barevných prostorech
- Barevný sládek - Webový nástroj pro vedení při výběru choroplethská mapa barevná schémata založená na výzkumu Dr. Cynthia Brewer
- gencolormap - nástroje generující barevné mapy pro vizualizaci
- Pomocník pro paletu barev Chroma.js pro zvládnutí vícebarevných a vícebodových barevných stupnic
Viz také
- Přechod obrazu
- Barevné pruhy
- Posterizace
- Difuzní křivka
- Barevný rozdíl
- vnímavě uniformní barevné prostory
- Barevné mapování; funkce, která mapuje (transformuje) barvy jednoho obrázku na barvy jiného obrázku.
- Paleta; konečná sada barev v žádném konkrétním pořadí
- Bokashi (tisk)
Reference
- ^ Eisenberg, J. David (2002). SVG Essentials. O'Reilly Media. str.107. ISBN 0-596-00223-8.
- ^ Barevné schéma `` cubehelix`` Dave Green
- ^ Odlišné barevné mapy pro vědeckou vizualizaci - Kenneth Moreland
- ^ Hodní, zlí a oškliví: Teoretický rámec pro hodnocení kontinuálních barevných map od Roxany Bujackové, Terece L. Turtonové, Francescy Samselové, Colina Wareho
- ^ Lineární přechody v dokumentu „Hodnoty CSS a modul nahrazeného obsahu úrovně 3“, doporučení kandidátů W3C, duben 2012
- ^ Lineární přechody v dokumentu „SVG 1.1 (druhé vydání)“, doporučení W3C, srpen 2011
- ^ Radiální přechody v dokumentu „Hodnoty CSS a modul nahrazeného obsahu úrovně 3“, doporučení kandidátů W3C, duben 2012
- ^ Radiální přechody v dokumentu „SVG 1.1 (druhé vydání)“, doporučení W3C, srpen 2011
- ^ mozilla docs: Kónický gradient CSS
- ^ Fyzika minut (20. března 2015). „Barva počítače je poškozená“. Youtube.
- ^ Novak, John (21. září 2016). „Co by měl každý kodér vědět o gama“.
- ^ Zeileis, Achim; Fisher, Jason C .; Hornik, Kurt; Ihaka, Ross; McWhite, Claire D .; Murrell, Paul; Stauffer, Reto; Wilke, Claus O. (2019). "Barevný prostor: Sada nástrojů pro manipulaci a hodnocení barev a palet". arXiv:1903.06490 [stat.CO ].
- ^ Nástroj CCC
- ^ Nardini, Pascal; Chen, Min; Samsel, Francesca; Bujack, Roxana; Bottinger, Michael; Scheuermann, Gerik (2019). „Vytváření kontinuálních barevných map“. Transakce IEEE na vizualizaci a počítačové grafice: 1. doi:10.1109 / TVCG.2019.2961674. PMID 31870986.