Color wheel – farebný kruh a paleta farieb
Interaktívny color wheel (farebný kruh) online a zadarmo: vyberte základnú farbu, zvoľte harmóniu – komplementárnu, analogickú či triadickú – a získate hotovú paletu ladiacich farieb s HEX kódmi na jeden klik. Všetko priamo vo vašom prehliadači.
Tip: medzerník vygeneruje novú náhodnú paletu.
Paleta farieb – kliknutím skopírujete HEX kód:
Odtiene základnej farby (svetlé → tmavé), kliknutím skopírujete:
Ladiace farby za pár sekúnd
Komplementárne • Analogické • Triadické • Palety s HEX kódmi • Všetko v prehliadači
Ako používať farebný kruh (color wheel)
Ťahaním po kruhu vyberiete základnú farbu: uhol určuje odtieň (hue), vzdialenosť od stredu sýtosť a posuvníkom doladíte svetlosť. Ak presnú farbu už máte – napríklad firemnú – zadajte jej HEX kód a body na kruhu sa nastavia samy. Potom stačí zvoliť harmóniu a nástroj vypočíta ladiace farby aj s HEX kódmi, ktoré kliknutím skopírujete. Pod paletou nájdete aj odtiene základnej farby od najsvetlejšieho po najtmavší – hodia sa na pozadia, hover stavy či tieňovanie.
Komplementárne, analogické a triadické farby
Komplementárne (doplnkové) farby ležia oproti sebe a tvoria najsilnejší kontrast – ideálne na akcenty, ktoré majú vyskočiť: tlačidlá, zľavové štítky, výrazné nadpisy. Analogické farby susedia na kruhu a pôsobia pokojne a prirodzene – skvelé na pozadia a atmosféru. Triadická harmónia berie tri farby rovnomerne rozložené po kruhu: živá, ale vyvážená kombinácia. Tetradická pridáva štvrtú farbu pre bohatšie palety a monochromatická stavia na odtieňoch jedinej farby – najbezpečnejšia cesta k elegantnému výsledku. Rozdelená komplementárna je kompromis: kontrast doplnkovej farby, ale jemnejší.
Paleta farieb s HEX kódmi na jeden klik
Každá harmónia sa okamžite premení na paletu farieb – vzorkovník s HEX kódmi a približnými slovenskými názvami. Kliknutím na políčko skopírujete kód jednej farby, tlačidlom Kopírovať všetky HEX celú paletu naraz. Kódy vložíte priamo do CSS, Canvy, Figmy, PowerPointu či Wordu. Ak neviete, kde začať, stlačte medzerník – generátor náhodných paliet ponúka nové kombinácie, kým vás niektorá nechytí za oko.
Odtiene, sýtosť a svetlosť
Farba nie je len odtieň: tá istá modrá pôsobí inak sýta a žiarivá, inak pastelovo jemná. Preto nástroj pracuje s modelom HSL – hue (odtieň), saturation (sýtosť), lightness (svetlosť). Pri návrhu webu či prezentácie sa osvedčuje jednoduché pravidlo 60 – 30 – 10: dominantná farba na väčšine plochy, doplnková na menších blokoch a akcent (napríklad komplementárny) len na detailoch. Radu odtieňov základnej farby na takéto rozvrstvenie nájdete priamo pod paletou.
Vybrané, a čo ďalej?
Presnú farbu z fotky, loga či screenshotu vytiahne color picker – zistený HEX kód sem vložíte a kruh k nemu nájde ladiace farby. Obrázky k novej palete pripraví orezanie obrázka či prevod WebP do JPG a QR kód v svojej novej farbe vytvoríte v QR generátore.
Časté otázky o farebnom kruhu
Harmónie farieb, palety aj HEX kódy – všetko v prehliadači a zadarmo.
Čo je color wheel (farebný kruh)?
Farebný kruh usporadúva odtiene do kruhu podľa ich vzťahov – susedné farby plynulo prechádzajú jedna do druhej, protiľahlé tvoria najväčší kontrast. Je to základná pomôcka na hľadanie farieb, ktoré k sebe ladia: na web, prezentáciu, grafiku, interiér aj oblečenie.
Čo sú komplementárne (doplnkové) farby?
Komplementárne farby ležia na farebnom kruhu presne oproti sebe – napríklad modrá a oranžová, červená a zelená či žltá a fialová. Vytvárajú najsilnejší kontrast, preto sa hodia na výrazné akcenty: tlačidlo na webe, nadpis na plagáte alebo doplnok k oblečeniu.
Ktoré farby sa k sebe hodia?
Záleží na dojme, ktorý chcete dosiahnuť. Analogické (susedné) farby pôsobia pokojne a harmonicky, komplementárne dodajú energiu a kontrast, triadická trojica je hravá a vyvážená a monochromatická paleta z odtieňov jednej farby pôsobí elegantne. Nástroj vyššie vám ku každej harmónii hneď ukáže konkrétne farby aj s kódmi.
Ako vytvorím paletu farieb?
Vyberte základnú farbu ťahaním po farebnom kruhu (alebo zadajte jej HEX kód), zvoľte harmóniu a paleta sa vygeneruje okamžite. Tlačidlo Náhodná paleta – alebo stlačenie medzerníka – vygeneruje nové kombinácie, kým nenatrafíte na tú pravú.
Ako skopírujem HEX kódy palety?
Kliknutím na ktorékoľvek políčko palety sa jeho HEX kód skopíruje do schránky; tlačidlo Kopírovať všetky HEX vloží celú paletu naraz (kódy oddelené čiarkou). Kódy vložíte cez Ctrl + V do CSS, Canvy, Figmy, PowerPointu či iného programu.
Dá sa vytiahnuť farba z vlastného obrázka?
Áno, na to slúži sesterský nástroj color picker – z nahratého obrázka či screenshotu zistí presný HEX kód farby aj paletu dominantných farieb. Získanú farbu potom vložte sem ako základnú a farebný kruh k nej nájde ladiace kombinácie.
Je color wheel zadarmo a bez registrácie?
Áno, nástroj je úplne zadarmo, bez registrácie a bez obmedzení. Celý beží priamo vo vašom prehliadači – nič sa nikam neodosiela a po načítaní stránky funguje aj bez internetu.
Potrebujete presnú farbu z obrázka? Vyskúšajte color picker – lupa na pixely zistí HEX kód každého miesta fotky.