Odhadovať, ktoré farby si sadnú, zbytočne kradne čas pri navrhovaní. Tento generátor používa klasické harmónie farebného kruhu - rovnaké vzťahy odtieňov, aké sa učia v teórii farieb - takže každá paleta je matematicky zladená, nie odhadnutá od oka. Kliknutím na ľubovoľnú vzorku skopírujete jej hex kód, alebo skopírujte celú paletu ako hotové CSS premenné. Všetko beží čisto na strane klienta: bez účtu, bez nahrávania súborov a bez sledovania vašich firemných farieb.
Bezplatný generátor farebnej palety
Beží celý vo vašom prehliadači - bez nahrávania, bez registrácie.
Harmónia
CSS premenné
Čo je generátor farebnej palety?
Generátor farebnej palety vytvorí zladenú farebnú schému z jednej základnej farby podľa teórie farebného kruhu. Vyberte alebo napíšte hex farbu, zvoľte harmóniu - komplementárnu, analogickú, triadickú alebo monochromatickú - a nástroj okamžite vypočíta zladené farby, každú s kopírovateľným hex kódom. Všetko beží priamo v prehliadači.
Ako na to
- 1Nastavte základnú farbu. Kliknite na farebné pole a vyberte vizuálne, napíšte hex kód ako #6366f1, alebo kliknite na „Náhodná“ pre nový východiskový bod.
- 2Vyberte harmóniu. Prepínajte medzi komplementárnou, rozdelenou komplementárnou, analogickou, triadickou, tetradickou, monochromatickou, odtieňmi a tónmi. Paleta sa prepočíta okamžite.
- 3Skopírujte farby. Kliknutím na ľubovoľnú vzorku skopírujete jej hex kód, alebo použite tlačidlo Kopírovať a vezmite si celú paletu ako CSS premenné.
Pre koho je nástroj určený
- Webdizajnéri, ktorí začínajú web od jednej firemnej farby: vygenerujú analogické alebo rozdelené komplementárne doplnky pre pozadie, tlačidlá a akcenty.
- Frontend vývojári, ktorí potrebujú východiskovú sadu dizajnových tokenov: skopírujú paletu ako CSS premenné a rovno ju vložia do štýlopisu.
- Marketéri a tvorcovia prezentácií, ktorí ladia grafy, sociálnu grafiku či prezentácie s farbou loga bez grafického nástroja.
- Ilustrátori a nadšenci, ktorí skúmajú odtiene a tóny jednej farby, aby v diele vystavali hĺbku, svetlá a tiene.
Časté otázky
Je tento generátor farebnej palety zadarmo?
Áno - je 100% zadarmo, bez registrácie, bez vodoznakov a bez obmedzení. Vytvárajte a kopírujte toľko paliet, koľko chcete, pre osobné aj komerčné projekty.
Nahrávajú sa moje farebné údaje niekam?
Nie. Paleta sa počíta výhradne vo vašom prehliadači obyčajným JavaScriptom. Vaše firemné farby, zadané hodnoty a kliknutia sa nikdy neposielajú na server.
Čo je komplementárna farba?
Komplementárna farba leží presne oproti základnej farbe na farebnom kruhu - ide o otočenie odtieňa o 180 stupňov. Komplementárne dvojice ako modrá a oranžová dávajú najsilnejší kontrast, preto sa často používajú pri tlačidlách s výzvou na akciu na pozadí firemnej farby.
Aký je rozdiel medzi analogickou a triadickou paletou?
Analogická paleta používa susedné odtiene (približne do 30 stupňov od základnej farby), takže pôsobí pokojne a jednotne. Triadická paleta berie tri odtiene rozmiestnené po 120 stupňoch, čo dáva živú, vyváženú schému s väčším kontrastom medzi farbami.
Čo sú odtiene a tóny?
Odtiene (shades) stmavujú základnú farbu posunom svetlosti smerom k čiernej; tóny (tints) ju zosvetľujú smerom k bielej. Oba zachovávajú rovnaký odtieň a sýtosť, takže sa skvele hodia na hover stavy, okraje a vrstvy pozadia jednej firemnej farby.
Koľko farieb by mala mať paleta webu?
Bežné pravidlo je 60-30-10: jedna dominantná farba na približne 60 % rozhrania, sekundárna na 30 % a akcentová na 10 %. Začnite tu harmóniou 3-5 farieb a potom pridajte odtiene a tóny každej z nich pre stavy a plochy.
Prečo sa paleta pri sivej alebo čiernej takmer nemení?
Sivá, čierna a biela majú nulovú sýtosť, takže nemajú odtieň, s ktorým by harmónie mohli otáčať - otočenie ničoho vráti tú istú neutrálnu hodnotu. Vytvorte neutrálnu škálu pomocou režimov svetlosti: tóny pre čiernu alebo tmavosivú, odtiene pre bielu alebo svetlosivú a monochromatický režim pre strednú sivú.