Barevné palety

Barevné palety s živým náhledem

Vybrat barvy na web nebo do prezentace je snazší, když je hned vidíte v akci. Každou paletu tady rovnou ukazujeme na ukázkové hero sekci webu, takže poznáte, jak spolu barvy ladí v nadpisu, tlačítku i na kartě, ne jen jako pruhy vedle sebe.

Jak palety používat

Vyberte paletu ze seznamu a napravo se přebarví celý náhled. Náhled si sám rozdělí barvy na role, tedy pozadí, plochu, text, hlavní barvu a akcent, aby web vypadal souvisle. Pod náhledem najdete všech pět barev palety i s HEX kódem. Klepnutím kód zkopírujete a vložíte do svého projektu, ať už jde o CSS, Figmu nebo šablonu.

Palety jsou navržené tak, aby v nich byl dostatečný kontrast mezi textem a pozadím a barvy spolu fungovaly. Máte na výběr světlé i tmavé sady.

Časté otázky

Jak náhled pozná, která barva je která?

Z pěti barev palety si náhled vybere nejsvětlejší jako pozadí, nejtmavší (nebo černou či bílou pro čitelnost) jako text a nejsytější barvy jako hlavní a akcent. Díky tomu funguje i paleta, která role sama neurčuje.

Můžu palety použít zdarma?

Ano. Jde o konkrétní barevné kódy, ty nepodléhají licenci. Zkopírujte je a použijte ve svém projektu, jak potřebujete.

Jde si upravit vlastní barvu?

Tady vybíráte z hotových palet. Když chcete konkrétní odstín doladit a zjistit jeho hodnoty, použijte barevné kolo.