Barevné palety

Interaktivní barevné kolo

Přetáhni bod po kole a vyber barvu. Hned uvidíš, které barvy k ní ladí podle jednotlivých typů harmonie.

Přetáhni bod nebo klepni na kolo

Barvy v této kombinaci

Klepni na barvu a zkopíruješ její HEX kód.

Co je barevné kolo

Je to kruh, který řadí barvy podle odstínu. Sousední barvy jsou si podobné a protilehlé kontrastují. Pomáhá vybrat kombinace, které fungují v designu, interiéru i oblékání.

Základní, sekundární a terciární barvy

Na obrazovce jsou základní barvy červená, zelená a modrá (RGB). Smícháním dvou vzniknou sekundární: žlutá, azurová a purpurová. Terciární leží mezi základní a sekundární, třeba oranžová nebo fialová. V malbě se používá klasický model: červená, žlutá a modrá.

Teplé a studené barvy

Teplé barvy jdou od červené po žlutou a působí energicky a blízce. Studené jdou od zelené po fialovou a dodávají klid a odstup. Jedna teplá barva s několika studenými, nebo naopak, vytvoří kontrast a zachová rovnováhu.

Typy barevných kombinací

Doplňkové

Dvě barvy naproti sobě na kole. Dávají největší kontrast. Příklad: modrá #2B6CB0 a oranžová #DD8A2B, ideální pro výrazné tlačítko.

Analogické

Tři sousední barvy. Působí klidně a harmonicky. Příklad: zelená, modrozelená a modrá jako v krajině.

Triadické

Tři barvy ve stejných rozestupech. Jsou živé a vyvážené. Příklad: červená, žlutá a modrá v dětské ilustraci.

Rozdělené doplňkové

Jedna barva a dva sousedé její protější barvy. Kontrast zůstává, ale s menším napětím než u doplňkových. Příklad: fialová se žlutozelenou a oranžovou.

Tetradické

Čtyři barvy tvořící obdélník nebo čtverec. Hodně pestrosti: jednu zvol jako hlavní a ostatní použij na detaily.

Časté otázky

Jak používat barevné kolo?

Vyber základní barvu přetažením bodu, nebo zadej její HEX kód. Pak zvol typ kombinace a zkopíruj barvy, které se zobrazí níže.

Které barvy k sobě ladí podle barevného kola?

Protilehlé (doplňkové) kontrastují, sousední (analogické) ladí a barvy tvořící trojúhelník (triadické) jsou vyvážené.

Proč je červená nahoře?

Je to nejběžnější konvence: odstín 0° je červená a odtud kolo pokračuje přes žlutou, zelenou, azurovou, modrou a purpurovou.

Můžu tyto barvy použít v Canvě nebo v CSS?

Ano. HEX kód každé barvy zkopíruješ jedním klepnutím, nebo otevři kombinaci v generátoru palet a vyexportuj ji.

Další průvodci a nástroje