Generátor praktických nástrojů

Generátor barevné palety

Vytvořte harmonickou a přístupnou paletu ze základní barvy, fotografie nebo náhodného nápadu.

HEX · RGB · HSL · OKLCH · WCAG

Studio barevných palet

Vytvořte harmonickou a přístupnou paletu ze základní barvy, fotografie nebo náhodného nápadu.

5
🖼️ Získat barvy z obrázkuObrázek se zpracuje pouze v prohlížeči a nikam se neodesílá.
Tip: stisknutím mezerníku vytvoříte novou paletu.

Vaše paleta

Kliknutím kód zkopírujete. Před novým generováním můžete barvy zamknout nebo přesunout.

Karty přetáhněte nebo použijte šipky ke změně pořadí.

Živý náhled rozhraní

Vaše paleta
Role: Akcent

Přehlednější vizuální systém

Vyzkoušejte paletu na realistické kartě s navigací, textem a tlačítkem.

Zobrazit podrobnosti

Přístupnost a kontrast

–

Tabulka kontrastu

Náhled barevného vidění

Jde o přibližný náhled; testujte s uživateli a nespoléhejte jen na barvu.

Generátor přechodů

Export palety

Vyberte barevnou harmonii

Monochromatická paleta mění jeden odstín. Analogické barvy leží blízko; doplňkové, triadické a tetradické režimy používají větší rozestupy.

Zkontrolujte přístupnost

Výsledky WCAG mají i textové značky. Běžný text potřebuje pro AA poměr 4,5:1, velký text 3:1.

Použijte správný formát

HEX a RGB mají širokou podporu, HSL se snadno upravuje a OKLCH nabízí rovnoměrněji vnímaný jas a barevnost.

Časté dotazy ke generátoru palet

Co je barevná harmonie?

Opakovatelný vztah mezi odstíny, například analogické, doplňkové nebo triadické barvy.

Jak vytvořit přístupnou paletu?

Ověřte kontrast textu a pozadí, nespoléhejte jen na barvu a testujte i interaktivní stavy.

Odesílá se obrázek na server?

Ne. Barvy se získávají lokálně v prohlížeči a obrázek se neodesílá.

Jaký exportní formát zvolit?

CSS pro weby, SCSS pro styly, JSON pro aplikace a PNG jako obrazovou referenci.