Farby a farebné schémy pre webstránku

Voľba vhodnej farebnej schémy býva jednou z najťažších fáz navrhovania dizajnu webstránky. Ladiace, dobre zvolené farby sú základom pre dosiahnutie žiadaného efektu.
Budú pre váš projekt lepšie jemné pastelové, tmavé, žiarivé, kontrastné, sýte alebo odtiene šedej? A ak už sa rozhodnete pre typ farieb, ako sa rozhodnúť pre konkrétne odtiene? Budú sa k sebe vôbec hodiť?
Jednou z metód voľby hodiacich sa farieb je použitie prirodzených schém, teda výber farieb z prirodzene jestvujúcich kombinácií.
Teória farieb vo veľmi krátkej skratke
V blogoch o výbere farieb a teórii farieb sa často môžeme dočítať o rôznych výborných nástrojoch na vyberanie vhodných farieb z takzvaného farebného kruhu (color wheel na wikipédii).
Kruh slúži ako dobrá pomôcka pri pochopení závislosti medzi jednotlivými odtieňmi a sýtosťou farieb (po anglicky Hue a Saturation). Vďaka rozloženiu farieb na kruhu je možné ľahko nájsť napríklad farby komplementárne a analogické. Pre praktické využitie pre webdizajnéra vytvorili šikovní kóderi viacero nástrojov, ktoré vytvoria farebnú schému za vás, po nastavení základných parametrov. Napríklad Color Scheme Designer 3 alebo 4096 Color Wheel.
Prirodzené schémy farieb
V tomto blogu však zvolíme iný prístup, úplne neteoretický, teda čisto praktický. Farby vyberieme z existujúcich prírodných (respektíve prirodzených) kombinácií.
Kde vezmeme prirodzené farby? Jednoducho, na fotografiách.
Farby, ktoré spolu ladia, vídame v bežnom živote neustále – farby kvetov a rastlín, farby mesta, farby ľudí, farby oblohy, farby oblečenia, farby bežných predmetov alebo farby zvierat. Často sa vyskytujú v oku lahodiacich kombináciách, ktoré sa nám hneď zapáčia.
Fotografie, ktorých je plný internet, tieto farebné schémy pre nás zachytávajú a dávajú nám ich k dispozícii v obrovských množstvách. Stačí ich z fotografií dostať a použiť.
Nástroje na výber farieb z fotografie
Aj nástrojov na výber farieb z fotografie existuje viacero. Populárny je Color Palette Generator od BigHugeLabs. Použila som už aj Color Palette Generator od Jeffa Minarda.
Najčastejšie ale vyberám farby z fotografie ručne, pomocou môjho obľúbeného ColorPix-u, a ktorom som tu na blogu už písala (ColorPix - nástroj na vyberanie farieb od ColorSchemer.com). Nástroj umožňuje označiť farbu pod kurzorom vašej myši a zobraziť jej RGB hodnotu (alebo CMYK hodnotu, atď).
Príklady farebných schém
Fotografie pre nasledujúce farebné schémy som stiahla z verejnej fotobanky www.sxc.hu.
Fialovo-zelená schéma kvetov:
Schéma večerného mesta:
Telová schéma dietaťa:
Schéma západu slnka:
Schéma z látky:
Schéma fliaš:
Schéma krava :):
Záver
Ako vidno, hľadanie farebných schém môže byť celkom zaujímavá činnosť. Pri počiatočnom stanovení hľadanej farebnej témy sa dajú nájsť krásne a použiteľné fotografie s najrôznejšími objektami. ;]
Aké nástroje na máte nejaké tipy pre voľby farebných schém pre web stránky, dajte nám vedieť v komentároch.