Utilia

Generátor náhodných farieb

Generuj náhodné farby alebo harmonické palety, zamkni tie, ktoré sa ti páčia, skopíruj HEX, RGB či HSL a exportuj ich ako CSS, SCSS, JSON alebo Tailwind.

Odtieň (°)
Sýtosť (%)
Svetlosť (%)

Zamkni farby, ktoré sa ti páčia, a potom generuj znova, aby sa nahradili iba ostatné.

Farby

    Ako používať generátor náhodných farieb

    1. Nastav Počet farieb (1 až 20).
    2. Vyber Režim: - Náhodne v rozsahu losuje každú farbu nezávisle. Rozsahy Odtieň (°), Sýtosť (%) a Svetlosť (%) zúž poľami „od“ a „do“, aby farby zostali v jednej rodine farieb, napríklad iba pastelové alebo iba modré. - Harmonická paleta (OKLCH) vylosuje jednu náhodnú základnú farbu a ostatné vytvorí podľa farebnej harmónie. Vyber Harmóniu (Komplementárna, Analogická, Triadická, Rozdelená komplementárna, Tetradická, Štvorec, Monochromatická) alebo nechaj Prekvap ma, aby sa harmónia zakaždým líšila.
    3. Klikni na Generovať farby. Každá karta ukazuje farbu s kódmi HEX, RGB a HSL; malé tlačidlá HEX, RGB a HSL skopírujú príslušný kód.
    4. Klikni na Zamknúť pri farbách, ktoré chceš zachovať, a potom znova na Generovať farby: zmenia sa len odomknuté farby. Opätovným kliknutím na tlačidlo farbu Odomknúť.
    5. Vyber formát v Exportovať ako (Zoznam HEX, Premenné CSS, Premenné SCSS, Pole JSON alebo Farby Tailwind) a pomocou Kopírovať alebo Stiahnuť si odnes celú sadu.

    Ako sa farby vyberajú

    V režime Náhodne v rozsahu sa odtieň, sýtosť a svetlosť losujú rovnomerne v nastavených rozsahoch a potom sa prevedú z HSL na RGB rovnakým vzorcom, aký prehliadače používajú pre hsl(). Rozsah odtieňa môže obísť červenú: od 330 do 30 dá ružové, červené a oranžové farby, pričom prejde cez 0°. Niekoľko užitočných nastavení:

    • Pastely: sýtosť 40 – 80 %, svetlosť 75 – 90 %.
    • Tmavé, tlmené tóny: sýtosť 10 – 40 %, svetlosť 15 – 35 %.
    • Iba modré: odtieň 190 – 250.
    • Teplé farby: odtieň 330 až 60.

    V režime Harmonická paleta (OKLCH) nástroj pracuje v OKLCH, vnímavom farebnom modeli, v ktorom sa rovnaké kroky svetlosti javia oku ako rovnaké. Ako základ sa použije prvá zamknutá farba; ak nie je zamknutá žiadna, vylosuje sa stredne svetlý, pomerne sýty základ. Ostatné farby preberajú uhly odtieňov harmónie (napríklad +120° a +240° pri triadickej) s malou náhodnou odchýlkou v odtieni, svetlosti a sýtosti, aby každé kliknutie dalo nový výsledok. Ak žiadaš viac farieb, než má harmónia odtieňov, ďalšie farby využijú tie isté uhly so svetlejšími a tmavšími variantmi. Monochromatická zachová jeden odtieň a rozloží svetlosť od tmavej po svetlú.

    Farby, ktoré spadajú mimo toho, čo dokáže zobraziť obrazovka sRGB, sa vrátia späť znížením sýtosti, takže každý skopírovaný kód HEX je skutočná, zobraziteľná farba.

    Na čo sú náhodné farby užitočné

    Náhodné farby sa hodia na zástupné avatary a grafy, testovacie dáta, generatívne umenie, hľadanie inšpirácie pri prázdnej stránke alebo výber farby pre projekt, herný tím či štítok. Zamykanie ti umožňuje používať nástroj ako hrací automat: zachovaj, čo funguje, a zvyšok roztoč znova. Náhodnosť pochádza z kryptografického generátora tvojho prehliadača a nič sa nikam neodosiela.

    Často kladené otázky

    Ako získam náhodný kód farby HEX?

    Nastav Počet farieb na 1, klikni na Generovať farby a potom klikni na tlačidlo HEX, ktoré skopíruje kód, napríklad #3A7BD5.

    Môžem niektoré farby zachovať a ostatné vygenerovať znova?

    Áno. Klikni na Zamknúť pri každej farbe, ktorú chceš zachovať, a potom na Generovať farby. Zamknuté farby zostanú na mieste; v harmonickom režime sa prvá zamknutá farba stane aj základom novej palety.

    Prečo použiť harmonický režim OKLCH namiesto čisto náhodných farieb?

    Čisto náhodné farby sa často bijú alebo majú veľmi odlišnú vizuálnu váhu. Zostavenie palety z harmónie v OKLCH dáva farby, ktoré k sebe patria a majú vyváženú jasnosť, takže sa lepšie používajú v dizajne.

    Čo obsahujú exportné formáty?

    Zoznam HEX dáva jeden kód na riadok, premenné CSS a SCSS dávajú deklarácie --color-1 alebo $color-1, pole JSON dáva zoznam kódov a farby Tailwind dávajú objekt colors s kľúčmi 100, 200… pre tvoju konfiguráciu.

    Sú farby skutočne náhodné?

    Pochádzajú z crypto.getRandomValues, kryptograficky bezpečného generátora prehliadača, takže sa medzi kliknutiami neopakuje žiadny vzor.