Grafit
Univerzální firemní modř na chladné šedi. Sedne službám, řemeslu i B2B — nikoho neurazí a nikam netlačí.
Světlý · Chladná šedá · Modrošedá · Kamenná šedá · Studená
Vybrat schéma$ ./vyber-barvy.sh
Barvy pro váš web
Jakákoliv ze všech 11 616 kombinací vychází jako dostatečně kontrastní a čitelná.
// jak to funguje
Výběr barevného schématu stránky je jednoduchý, zvládne jej úplně každý:
- 01
Motiv
Nejdřív si zvolte, zda má být váš web světlý, či tmavý.
- 02
Čtyři barvy
Pak vyberete čtyři typy barev podle jejich významu: barva pozadí, barva hlavních nadpisů, barva vedlejších nadpisů a barva textu.
- 03
Ukázka
Průběžně vidíte náhled aktuální barevné kombinace. Případně můžete vybírat z 18 předpřipravených.
- 04
Poptávka
Hotový výběr nám pak kliknutím na tlačítko přidáte do poptávky.
// čtyři barvy, čtyři role
Co která barva znamená
Webová stránka nepotřebuje deset barev. Potřebuje jednu, na které stojí, jednu, která nese značku, jednu o stupeň tišší a jednu na text. Každá barva má svou roli na stránce — sama o sobě nic neznamená, důležité je, jak je použitá.
Barva pozadí stránky
Barva, na které stránka stojí. Čistě bílá je jenom jedna z možností — jemný nádech do krémova nebo do šeda dělá stránku o poznání klidnější a na velké ploše míň svítí do očí.
Barva hlavních nadpisů
Barva (akcent stránky). Kromě nadpisů ji nesou i výchozí tlačítka a odkazy, takže je to zároveň hlavní barva značky — a právě proto jí nesmí být na stránce příliš. Protože barva, která je všude, není akcent.
Barva podnadpisů
Druhá barva, o stupeň tišší. Zvýrazňuje méně důležité nadpisy a popisky, aby stránka měla víc než dvě úrovně, ale nezačala být pestrá. Je taky barvou tlačítek, která nejsou výchozí. Klidně může být stejná jako ta hlavní.
Barva textu
Běžný text je vždycky skoro černý — a na tmavém pozadí skoro bílý. Vybíráte jenom jeho teplotu: studená sedne modré a petrolejové, teplá terakotě a bronzu. Je to rozdíl, který si nikdo nevšimne, dokud ho neuvidí vedle sebe. Vždy je třeba brát v potaz čitelnost textu vůči barvě pozadí.
// nad barvami
Světlý, nebo tmavý — a jenom jedna paleta
Nad těmi čtyřmi barvami je ještě jedna volba: jestli má web svítit, nebo být tmavý. Není to ale druhá paleta a nedělá se dvakrát. Každý odstín, který si vyberete, má světlou i tmavou podobu a o tom, která z nich platí, rozhoduje motiv. Vyberete „zelenou“ jednou a je to správná zelená na bílé stránce i na téměř černé.
V pickeru níž proto přepínač motivu nemění barvy, jenom to, kterou jejich podobu si zrovna prohlížíte. Pozadí si držíme pro každý motiv vlastní, aby přepnutí nikdy neskončilo u kombinace, kterou nikdo nevybral.
// vyberte si
Poskládejte si vlastní barevné schéma
Ukázky se mění hned. Nemusíte tomu rozumět, stačí jen, že se vám to líbí. Motivem nahoře si kdykoli přepnete, jestli se díváte na světlou, nebo na tmavou podobu. Vámi vybrané barevné schéma je pouze orientační a lze jej kdykoli upravit.
// hotové kombinace
Nebo si nechte poradit
Případně vám níže nabízíme 18 ověřených kombinací, které spolu fungují.
Indigo
Sytější a modernější než grafit. Technologie, software, poradenství, agentury.
Světlý · Bílá · Indigová · Kamenná šedá · Studená
Vybrat schémaPapír
Bez barvy. Černá, bílá a jedna šedá — všechno nese text. Advokáti, poradenství, redakce, architekti.
Světlý · Bílá · Bez barvy · Kamenná šedá · Neutrální
Vybrat schémaOcel
Šedá s modrou podporou. Strojírenství, technika, průmysl, doprava.
Světlý · Chladná šedá · Bez barvy · Modrošedá · Studená
Vybrat schémaLes
Zelená bez ekologického klišé. Zahrady, stavby, výroba, zdraví.
Světlý · Mátová · Lesní zelená · Bronzová · Zelenkavá
Vybrat schémaMáta
Svěží a čistá. Zubaři, lékárny, úklid, ekodrogerie.
Světlý · Mátová · Petrolejová · Lesní zelená · Studená
Vybrat schémaOceán
Petrolejová, klidná, tichá. Zdravotnictví, terapie, wellness, poradny.
Světlý · Chladná šedá · Petrolejová · Kamenná šedá · Studená
Vybrat schémaTerakota
Teplá pálená oranžová na krémovém podkladu. Gastro, kavárny, keramika, řemeslo.
Světlý · Krémová · Terakotová · Bronzová · Teplá
Vybrat schémaMandarinka
Oranžová na bílé, text černý. Sport, kurzy, doprava, e-shop — všude, kde má stránka pobízet k akci.
Světlý · Bílá · Oranžová · Bez barvy · Neutrální
Vybrat schémaZápad
Oranžová do pudrové. Kavárny, pekárny, květinářství, wellness.
Světlý · Pudrová · Oranžová · Vínová · Teplá
Vybrat schémaVinice
Vínová, tlumeně elegantní. Beauty, móda, vinařství, kosmetické studio.
Světlý · Pudrová · Vínová · Kamenná šedá · Teplá
Vybrat schémaŠeřík
Pudrová s indigem. Móda, design, kosmetika — jemné, ale ne cukrové.
Světlý · Pudrová · Indigová · Vínová · Studená
Vybrat schémaPísek
Béžová s bronzem. Architektura, interiéry, nábytek, zakázkové truhlářství.
Světlý · Písková · Bronzová · Bez barvy · Teplá
Vybrat schémaUhel
Tmavá se zlatavým akcentem. Prémiové služby, fotografie, portfolio.
Tmavý · Uhlová · Zlatavá · Kamenná šedá · Teplá
Vybrat schémaPůlnoc
Tmavá modrá. Software, produkty a nástroje, u kterých je tmavý web očekávaný.
Tmavý · Půlnoční · Modrošedá · Kamenná šedá · Studená
Vybrat schémaMech
Tmavá zeleň. Zahradnictví, dřevo, outdoor, řemeslo, které se dělá venku.
Tmavý · Lesní · Lesní zelená · Bronzová · Zelenkavá
Vybrat schémaKáva
Tmavá do hněda se zlatem. Pražírny, pekárny, kožedělné dílny, bary.
Tmavý · Kávová · Bronzová · Zlatavá · Teplá
Vybrat schémaJantar
Tmavá hnědá se zářivou oranžovou. Bary, kluby, tetovací studia, gastro s večerním provozem.
Tmavý · Kávová · Oranžová · Kamenná šedá · Teplá
Vybrat schéma// máte vlastní barvu?
A co logo?
Když máte primární barvu v logu, kterou již lidé znají např. z vizitek nebo z výlohy, je výhodné začít u ní a zvolit ji jako hlavní. To se týká i dalších barev — vizuál webu i loga je pak v podobných barvách. Ne vždy to ale lze, například z důvodu špatné čitelnosti. Pak je třeba si nadefinovat nové barevné schéma.
Vybráno? Pošlete nám to
Tlačítko u výběru výš otevře poptávku s vyplněnou kombinací. Zbytek doladíme na testovací adrese.
Napsat nám