Barevné palety

Barevné palety pro web (CSS)

Barevné palety vytvořené pro návrh webů a rozhraní. Každá obsahuje kódy HEX a navíc můžeš zkopírovat hotový kód CSS. Klikni na barvu a zkopíruješ ji, ulož si oblíbené nebo je otevři v editoru a dolaď je.

Jak vybrat barvy pro web

Rozhraní obvykle potřebuje jen hlavní barvu značky, akcentní barvu pro akce (tlačítka, odkazy) a škálu šedých pro pozadí, ohraničení a text. Buď konzistentní, používej vždy stejné kódy HEX a aplikuj je pomocí proměnných CSS.

Zkopíruj paletu jako CSS

Každá karta má tlačítko, které zkopíruje CSS všech pěti barev. Vlož ho do svého stylopisu a přejmenuj proměnné podle svého projektu. Jednotlivou barvu zkopíruješ i kliknutím na ni.

Kontrast a přístupnost

Před zveřejněním se ujisti, že je text na svém pozadí dobře čitelný. Pomocí nástroje kontrola kontrastu ověř, že splňuješ úroveň WCAG AA nebo AAA. Je to důležité pro přístupnost i pro SEO.

Chceš si vytvořit vlastní paletu od nuly? Vyzkoušej generátor barevných palet, získej paletu z obrázku nebo si ověř kontrast barev.