Generátor barevné palety: schémata, odstíny a export

Zdarma, bez registrace, funguje ve vašem prohlížeči. Vygenerujte paletu z pěti barev mezerníkem, zamkněte oblíbené a sestavte schéma z vlastní barvy. Odstíny a export do CSS, Tailwind nebo JSON.

nebo stiskněte Mezerník. Zamkněte barvy, které se vám líbí, aby zůstaly.

Upravit
Upravit
Upravit
Upravit
Upravit

Sestavit z barvy

Základní barva

Harmonie

Barevné harmonie posouvají odstín po barevném kruhu: analogické zůstávají blízko, doplňkové jdou na opačnou stranu a triadické rozmístí tři odstíny rovnoměrně.

Odstíny barvy #2F5BFF

Kliknutím na odstín jej zkopírujete. Vyberte jinou barvu v paletě a zobrazí se její odstíny.

Exportovat

Proměnné CSSTailwindJSONSeznam HEX

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

Palety se vytvářejí ve vašem zařízení.

Proč použít Generátor barevné palety

100% zdarma: Používejte, jak často chcete. Bez registrace, bez vodoznaku, bez instalace.
Soukromí od základu: Co napíšete, zůstává ve vašem prohlížeči a nikdy se nám neposílá.
Funguje na jakémkoli zařízení: Běží ve vašem prohlížeči na Windows, Macu, Linuxu, Androidu a iPhonu. Není potřeba žádná aplikace.

Jak použít Generátor barevné palety

Klikněte na Vygenerovat paletu nebo stiskněte mezerník, dokud neuvidíte barvy, které se vám líbí.
Klikněte na Zamknout u libovolné barvy, aby zůstala, zatímco se ostatní mění. Pomocí Upravit doladíte barvu výběrem.
Chcete-li začít z vlastní barvy, zadejte ji v části Sestavit z barvy, vyberte harmonii (analogická, doplňková, rozdělená doplňková, trojjediná, čtyřjediná nebo monochromatická) a klikněte na Použít.
Klikněte na kód HEX barvy a uvidíte její 11 odstínů od 50 do 950. Kliknutím na odstín ho zkopírujete.
V části Export vyberte CSS proměnné, Tailwind, JSON nebo seznam HEX, pak Kopírovat nebo Stáhnout.

Často kladené otázky

Jak vytvořit barevnou paletu z jedné barvy?

Napište nebo vyberte svou barvu v části Sestavit z barvy, vyberte harmonii a klikněte na Použít. Dostanete pět barev, které k ní ladí, a barvy, které jste zamkli, zůstanou beze změny.

Co jsou barevné harmonie?

Sady barev vybrané podle jejich polohy na barevném kruhu. Analogické barvy leží vedle sebe, doplňkové jsou proti sobě, rozdělené doplňkové používají dvě barvy po obou stranách protějšku, trojjediné rozkládají tři odstíny rovnoměrně, čtyřjediné používají čtyři a monochromatické drží jeden odstín v různé světlosti.

Kterou harmonii zvolit?

Analogické a monochromatické působí klidně a hodí se k většině webů a značek. Doplňkové a trojjediné dávají silnější kontrast, který se hodí na akcenty, tlačítka a hravé návrhy.

Co jsou odstíny a tóny?

Tmavší a světlejší verze jedné barvy. Stupnice odstínů má jedenáct kroků od 50 (nejsvětlejší) do 950 (nejtmavší) ve stejném odstínu, tak jak je pojmenovávají návrhové systémy.

Jak použít paletu v kódu?

Exportujte ji jako CSS proměnné (--color-1 až --color-5), blok Tailwind @theme, pole JSON nebo prostý seznam kódů HEX, pak ji zkopírujte nebo stáhněte jako soubor.

Funguje export pro Tailwind s Tailwind CSS v4?

Ano. Je to blok @theme s --color-palette-100 až --color-palette-500, které Tailwind v4 převede na třídy jako bg-palette-100. Pro verzi 3 zkopírujte kódy HEX do sekce colors ve své konfiguraci.

Mohu nechat některé barvy a ostatní změnit?

Ano. Zamkněte barvy, které chcete zachovat. Vygenerovat paletu a Použít mění jen nezamknuté barvy a náhodná paleta se sestaví tak, aby ladila s vaší první zamknutou barvou.