P°i nßvrhu webov²ch strßnek i Φehokoli jinΘho, kde se pou₧φvajφ barvy (jde nap°φklad o poΦφtaΦovΘ aplikace Φi o nßvrh interiΘru), pot°ebujeme najφt vhodnΘ barevnΘ schΘma - tedy sadu barev, kterΘ majφ vytvß°et co nejlepÜφ celkov² dojem. Ne vÜechny barvy vÜak mohou koexistovat - n∞kterΘ kombinace p∙sobφ nep°φjemn∞ Φi ruÜiv∞.
ZkuÜenφ designΘ°i majφ kombinace "v oku"
- mnozφ lidΘ poznajφ, kterΘ barvy spolu ladφ a kterΘ ne. N∞kdy je ale nalezenφ dobrΘ kombinace zdlouhavou a ·mornou pracφ. Dφky teorii barev je vÜak mo₧nΘ si ji usnadnit. V nßsledujφcφm textu vßs seznßmφme s n∞kolika existujφcφmi nßstroji a celou problematiku blφ₧e vysv∞tlφme na aplikaci Barevnß schΘmata, kterou najdete na www.pixy.cz/apps/barvy a jejφm₧ autorem je Petr StanφΦek.
Aplikace vyhledß sadu barev, z nφ₧ je mo₧nΘ p°i nßvrhu vychßzet, a tak si usnadnit hledßnφ optimßlnφ palety. Generuje barevnß schΘmata n∞kolika typ∙. Ka₧dΘ vychßzφ z jednΘ zßkladnφ barvy, k nφ₧ doplnφ n∞kolik barev dalÜφch, je₧ spoleΦn∞ dosahujφ nejlepÜφho optickΘho dojmu - v₧dy podle jednoho z ov∞°en²ch algoritm∙.
V▌B╠R Z┴KLADN═ BARVY
Zßkladnφ barvu, z nφ₧ barevnΘ schΘma vychßzφ, m∙₧eme definovat n∞kolika zp∙soby. Aplikace pracuje primßrn∞ s barevn²m kruhem, tedy s barvami definovan²mi jeho pomocφ. UrΦφme odstφn (·hel urΦujφcφ pozici barvy na kruhu), sytost (pom∞r mezi nejtmavÜφ a nejsv∞tlejÜφ slo₧kou RGB - 100 % je nejsyt∞jÜφ barva, 0 je odstφn ÜedΘ) a jas (hodnota nejv²razn∞jÜφ slo₧ky RGB - 100 % je nejsv∞tlejÜφ odstφn, 0 je Φernß). Jsou zde takΘ vyznaΦeny barvy teplΘ (purpurovß a₧ ₧lutß) a studenΘ (₧lutozelenß a₧ fialovß). Kliknutφm na krou₧ek barevnΘho kruhu m∙₧ete vybrat p°φmo jednu ze zßkladnφch barev. Primßrnφ barvy (Φervenß, ₧lutß, modrß) odpovφdajφ ·hl∙m 0░, 120░, resp. 240░, sekundßrnφ (oran₧ovß, zelenß, fialovß) pak ·hl∙m 60░, 180░ a 300░, tercißrnφ barvy jsou mezi nimi. Kruh takΘ obsahuje (menÜφ krou₧ky) i p°echodovΘ barvy - ty odpovφdajφ nßsobk∙m 15░. Kliknutφm na jednu z t∞chto barev ji nastavφte jako zßkladnφ.
Ve vstupnφch polφch m∙₧ete zm∞nit parametry zßkladnφ barvy - zm∞nit jejφ odstφn, sytost i jas. Uvnit° barevnΘho kruhu je stupnice 0 a₧ 360░, na nφ₧ je mal² ukazatel ·hlu odpovφdajφcφho odstφnu zvolenΘ barvy. Kliknutφm na tuto stupnici m∙₧ete takΘ zm∞nit odstφn, ani₧ byste zm∞nili nastavenou sytost Φi jas (na stupnici je nutno kliknout, ta₧enφ ukazatele nefunguje). Aktußlnφ ·hel se zobrazuje ve stavovΘm °ßdku prohlφ₧eΦe. Obdobn∞ lze nastavit jas a sytost kliknutφm na stupnice vedle barevnΘho kruhu.
Poznßmka: Aplikace nepou₧φvß standardnφ model HSV nebo HSB (podobnΘ hodnoty HSV/HSB t°eba z programu Photoshop vyjad°ujφ jinΘ barvy!). Zde pou₧it² barevn² kruh se liÜφ od spektra RGB pou₧φvanΘho na obrazovkßch, odpovφdß vφce klasickΘ teorii. Proto takΘ n∞kterΘ zßkladnφ barvy (p°edevÜφm odstφny modrΘ) tvo°φ ve srovnßnφ se zßkladnφmi barvami modelu RGB odstφny s menÜφm jasem. RGB spektrum tvo°φ kruh s primßrnφmi barvami Φervenß - zelenß - modrß, zde je to Φervenß - ₧lutß - modrß. Tato deformace byla takΘ p°φΦinou n∞kter²ch problΘm∙ p°i p°evodu barev zadan²ch pomocφ RGB hodnot - zadßvßnφ barev pomocφ RGB proto nenφ mo₧nΘ.
POUÄIT┴ SCH╔MATA
V²slednß sada barev vznikne aplikacφ vybranΘ zßkladnφ barvy do jednoho z barevn²ch schΘmat. SchΘma vybφrßte z hornφho menu v pravΘ Φßsti strßnky. N∞kterß schΘmata umo₧≥ujφ dalÜφ nastavenφ, kterß se zobrazφ pod tφmto menu. Popis jejich nastavenφ naleznete nφ₧e v popisu jednotliv²ch schΘmat. M∙₧ete si vybrat jedno z nßsledujφcφch barevn²ch schΘmat:
MonochromatickΘ - barevnΘ schΘma vychßzφ z jedinΘho odstφnu a pou₧φvß jen variace vzniklΘ zm∞nou sytosti a jasu, dopln∞nΘ o Φernou a bφlou. V²sledek, na n∞j₧ je aplikovßno toto schΘma, je celkem p°φjemn² pro oΦi, a to i v jinak pom∞rn∞ agresivnφch odstφnech. Je vÜak obtφ₧n∞jÜφ vytvo°it n∞jakß zv²razn∞nφ Φi podtr₧enφ barevnΘho t≤nu.
Aplikace vytvß°φ jen n∞kolik monochromatick²ch variant ka₧dΘ barvy, ale nenφ problΘm vytvo°it dalÜφ - syt∞jÜφ, sv∞tlejÜφ Φi tmavÜφ. MonochromatickΘ variace jsou vytvo°eny takΘ pro vÜechny barvy v ostatnφch schΘmatech, zobrazeny jsou v barevnΘ palet∞ pod ukßzkou pou₧it²ch barev.
Kontrast - zßkladnφ barva je dopln∞na o sv∙j dopln∞k (barvu na opaΦnΘ stran∞ barevnΘho kola). Vznikne tak v₧dy jedna teplß a jedna studenß barva - je potom na zvß₧enφ, kterß z nich bude dominantnφ; celek podle toho bude p∙sobit teplejÜφm Φi chladn∞jÜφm dojmem. SchΘma lze pak doplnit o vhodnΘ monochromatickΘ variace t∞chto dvou barev.
"M∞kk²" kontrast - k zßkladnφ barv∞ jsou dopln∞ny dv∞ barvy, nachßzejφcφ se shodn∞ po obou stranßch od jejφho dopl≥ku. Na rozdφl od "ostrΘho" kontrastu je tato varianta pro oko obvykle p°φjemn∞jÜφ, m∞kΦφ, navφc poskytuje v∞tÜφ prostor pro vyvß₧enφ tepl²ch a studen²ch barev.
V dopl≥ujφcφm vstupnφm poli (zobrazφ se pod volbou schΘmatu) lze urΦit odstup t∞chto barev od dopl≥ku zßkladnφ barvy - Φφm menÜφ hodnota, tφm jsou barvy podobn∞jÜφ a blφ₧e k barv∞ kontrastnφ. Ideßlnφ hodnotou b²vß posun 15 a₧ 30░. VyÜÜφ hodnoty ji₧ nejsou p°φliÜ vhodnΘ, v²jimkou je posun o 60░, kter² u₧ ale tvo°φ jinΘ barevnΘ schΘma, tzv. trißdu.
Trißda - trißda je tvo°ena t°emi barvami rovnom∞rn∞ rozlo₧en²mi na t°etinßch barevnΘho kruhu (po 120 stupnφch). Tato schΘmata jsou "vibrujφcφ" - plnß energie - a poskytujφ velk² prostor pro vytvß°enφ kontrast∙, zv²razn∞nφ a vyvß₧enφ tepl²ch a studen²ch barev. Trißdu vytvo°φte pomocφ schΘmatu "m∞kk² kontrast" s odstupem nastaven²m na 60░.
"Dvojkontrast" - dvojkontrast je tvo°en dvojicφ barev a jejich dopl≥ky. P°i rovnom∞rnΘm rozmφst∞nφ (po 90░) hovo°φme o tzv. tetrßd∞. Tetrßda je ji₧ velmi agresivnφ barevnΘ schΘma, vy₧adujφcφ velmi dobrΘ naplßnovßnφ a citliv² p°φstup k vzßjemn²m vazbßm jednotliv²ch barev.
MenÜφ rozestup mezi dv∞ma zßkladnφmi barvami dß celku menÜφ nap∞tφ, i tak je vÜak toto schΘma v₧dy vφce "nervnφ" a "akΦn∞jÜφ" ne₧ schΘmata ostatnφ. P°i prßci s nφm je t°eba si dßt pozor hlavn∞ na vazby jednΘ barvy s prot∞jÜkem barvy sousednφ.
AnalogickΘ barvy - toto schΘma tvo°φ zßkladnφ barva a jejφ barvy sousednφ, tedy barvy shodn∞ po obou stranßch. Vypadß v∞tÜinou velmi elegantn∞ a Φist∞, ve v²sledku je menÜφ nap∞tφ a p∙sobφ jednotn∞ teple Φi studen∞. Pokud zvolφte barvu na hranici tepl²ch a studen²ch odstφn∙, lze tu sousednφ barvu, kterß mß opaΦnou "teplotu", pou₧φt pro zv²razn∞nφ a podtr₧enφ zb²vajφcφch barev.
V dopl≥kovΘm vstupnφm poli m∙₧ete zvolit odstup sousednφch barev - ideßlnφ b²vajφ hodnoty 15 a₧ 30░. M∙₧ete takΘ p°idat kontrastnφ barvu, do schΘmatu tak p°ibude barva dopl≥kovß k barv∞ zßkladnφ. Pova₧ujte ji vÜak jen za dopl≥ujφcφ - p°idßvß palet∞ nap∞tφ a v p°ehnanΘ mφ°e p∙sobφ p°φliÜ agresivn∞; pou₧itß v detailech a pro podtr₧enφ hlavnφch barev vÜak m∙₧e b²t velmi ·Φinnß a elegantnφ.
RozpornΘ barvy - ₧ßdnΘ takovΘ barevnΘ schΘma zde nenajdete, je to naopak schΘma, kterΘ nedokß₧ete "vecpat" do ₧ßdnΘho ze zde uveden²ch pravidel. TakovΘ schΘma nemusφ b²t ·pln∞ zbyteΦnΘ - mohou nastat situace, kdy je t°eba p°ipravit dφlo Üokujφcφ, opravdu k°iklavΘ. I v tomto p°φpad∞ m∙₧e b²t tato strßnka u₧iteΦnß - pokud se vaÜe schΘma diametrßln∞ liÜφ od vÜech uveden²ch model∙, mßte patrn∞ to pravΘ: nervnφ, °vavou, agresivnφ sadu barev. Je vÜak pochopitelnΘ, ₧e takovß sada nenφ vhodnß tam, kde hlavnφm zßm∞rem v²sledku nejsou pouze takovΘto vypjatΘ emoce.
BAREVN┴ PALETA
Pod ukßzkou barevnΘho schΘmatu se zobrazuje barevnß paleta. V prvnφm sloupci jsou hlavnφ barvy - tak, jak jsou pou₧ity ve zvolenΘm schΘmatu. V dalÜφch sloupcφch jsou jejich monochromatickΘ varianty (v jednom sloupci v₧dy shodnΘ). K≤dy vÜech barev v tabulce jsou zßrove≥ odkazy - kliknutφm na libovolnou z barev ji nastavφte jako barvu zßkladnφ.
P°epφnaΦem pod tabulkou barev je mo₧nΘ paletu zredukovat na tzv. WebColors (216 "bezpeΦn²ch" barev pro web). Tento p°evod vÜak m∞nφ odstφny barev a odlad∞nΘ barevnΘ schΘma m∙₧e zdeformovat. Pou₧ijte proto rad∞ji jen takovΘ barvy, kterΘ se po p°evodu na WebColors od p∙vodnφch p°φliÜ neliÜφ.
Pro zachovßnφ zßm∞ru barevnΘho schΘmatu by monochromatickΘ varianty nem∞ly b²t nadu₧φvßny, v∞tÜinou se doporuΦuje pou₧φt jen Φernou a bφlou. Pokud dalÜφ varianty opravdu pot°ebujete, vyberte jen n∞kolik variant zßkladnφ barvy, pro dopln∞nφ p°φpadn∞ jednu Φi dv∞ varianty jednΘ z kontrastnφch barev. Druhou mo₧nostφ je takΘ stejnß varianta vÜech hlavnφch barev (nap°. stejn² motiv ve sv∞tlejÜφch, bledÜφch Φi tmavÜφch odstφnech). Obecn∞ platφ, ₧e jedna aplikace (nap°. jedna WWW strßnka Φi cel² web) by m∞la krom∞ ΦernΘ a bφlΘ pou₧φvat nejv²Üe Üest barev (vΦetn∞ vÜech variant). Aby spolu dob°e ladily, vßm snad pom∙₧e zajistit popsanß pom∙cka.
EASY RGB
Easy RGB je dalÜφ nßstroj, kter² m∙₧ete pou₧φt p°i hledßnφ vhodnΘho barevnΘho schΘmatu. Na rozdφl od p°edchßzejφcφho vßm poskytne n∞kolik r∙zn²ch metod, nap°φklad Color Harmonies, Color Matching, Search a Tint, Color Calculator, Monitor Calibration Wizard, a dokonce EasyRGB-PC Software. Color Harmonies vßm pom∙₧e najφt k zadan²m RGB hodnotßm p°φsluÜnΘ dopl≥kovΘ barvy - to je Color Matching, pßrovanφ barev. Pomocφ Search a Tint, hledßnφ barev a odstφn∙, lze vytvo°it specifickou kolekci barevn²ch k≤d∙ a nßzv∙. Color Calculator umo₧nφ konvertovat barevnß data do odliÜnΘho prostoru barev, nap°φklad RGB na CIEL*ab, CMY na XYZ a jinΘ. Monitor Calibration Wizard vßs provede Φty°mi jednoduch²mi kroky, kterΘ jsou pot°ebnΘ k barevnΘ kalibraci vaÜeho systΘmu. Po kliknutφ na tlaΦφtko Start se aktivuje kalibraΦnφ cyklus. EasyRGB-PC Software je aplikace Windows, kterß obsahuje vÜechny popisovanΘ funkce bez nutnosti p°ipojit se k internetu. Bohu₧el tento program je nutnΘ zakoupit a cena nenφ nijak p°φznivß, proto₧e za jednu licenci zaplatφte a₧ 178 USD. Pokud vÜak podnikßte v oblasti tvorby webov²ch strßnek, m∙₧e se vßm takov² program docela hodit. Pro vyzkouÜenφ zami°te na strßnku www.easyrgb.com/harmonies.php.
COLORMATCH REMIX
ColorMatch Remix je snadno ovladateln² colorpicker (generßtor barev). Autor tohoto zajφmavΘho projektu se inspiroval k≤dem ze strßnky http://colormatch.dk - proti °eÜenφ z tΘto strßnky autor p°idal n∞kolik nov²ch funkcφ. Aplikace chodφ bezchybn∞ ve vÜech znßm²ch prohlφ₧eΦφch (Internet Explorer, Mozilla a Opera). ColorPicker najdete na strßnce http://color.twysted.net. Vstupnφmi hodnotami jsou t°i k≤dy RGB, k nim₧ pak m∙₧ete vygenerovat a₧ dev∞t barev. Takto vygenerovanΘ barvy m∙₧ete ulo₧it pod nßzvem p°φmo na danΘ strßnce, nebo m∙₧ete barvy exportovat do aplikace Adobe Photoshop (soubor *.ACT), resp. do aplikace Adobe Ilustrator (soubor *.AI).
COLOR BLENDER
DalÜφm programem, kter² mß n∞co spoleΦnΘho s hledßnφm barev, je program Color Blender. Najdete ho na strßnce www.meyerweb.com/eric/tools/color-blend. Vstupnφmi hodnotami jsou dv∞ barvy, kterΘ je t°eba zvolit z panelu barev zobrazenΘho na strßnce. Krom∞ toho musφte zadat poΦet st°ednφch bod∙, kterΘ byste rßdi vid∞li. Nev²hodou tΘto aplikace je to, ₧e je funkΦnφ pouze v Internet Exploreru.
Z┴V╠R
Rozhodn∞ doporuΦuji popisovanΘ generßtory barev vyzkouÜet. Mo₧nß se vßm jejich pomocφ poda°φ vytvo°it strßnku, kterß bude perfektn∞ barevn∞ slad∞na. Zßv∞rem bych rßd pod∞koval Petru StanφΦkovi za mo₧nost recenzovat jeho zajφmav² produkt Barevnß schΘmata.