Utilia
Kategooriad ▾
Keel: et ▾

Juhuslike värvide generaator

Loo juhuslikke värve või harmoonilisi palette, lukusta meeldivad, kopeeri HEX-, RGB- või HSL-koodid ja ekspordi need CSS-i, SCSS-i, JSON-i või Tailwindina.

Värvitoon (°)
Küllastus (%)
Heledus (%)

Lukusta värvid, mis sulle meeldivad, ja loo uuesti, et asendada ainult ülejäänud.

Värvid

    Kuidas juhuslike värvide generaatorit kasutada

    1. Määra Värvide arv (1 kuni 20).
    2. Vali Režiim: - Juhuslik vahemikus loosib iga värvi eraldi. Kitsenda Värvitooni (°), Küllastuse (%) ja Heleduse (%) vahemikke väljadega „alates“ ja „kuni“, et jääda ühe värvipere piiresse, näiteks ainult pastelsed või ainult sinised toonid. - Harmooniline palett (OKLCH) loosib ühe juhusliku põhivärvi ja ehitab teised värviharmoonia järgi. Vali Harmoonia (Komplementaarne, Analoogne, Triaadiline, Lõhestatud komplementaarne, Tetraadiline, Ruut, Monokromaatiline) või jäta Üllata mind, et saada iga kord erinev harmoonia.
    3. Klõpsa Loo värvid. Iga kaart näitab värvi koos selle HEX-, RGB- ja HSL-koodiga; väikesed nupud HEX, RGB ja HSL kopeerivad vastava koodi.
    4. Klõpsa neil värvidel, mida tahad alles jätta, nuppu Lukusta, ja siis uuesti Loo värvid: muutuvad ainult lukustamata värvid. Värvi lukust vabastamiseks klõpsa nuppu uuesti.
    5. Vali Ekspordi kui all vorming (HEX-loend, CSS-muutujad, SCSS-muutujad, JSON-massiiv või Tailwindi värvid) ning kasuta Kopeeri või Laadi alla, et kogu komplekt kaasa võtta.

    Kuidas värve valitakse

    Režiimis Juhuslik vahemikus loositakse värvitoon, küllastus ja heledus iga ühtlaselt sinu määratud vahemikes ning teisendatakse siis HSL-ist RGB-ks sama valemiga, mida brauserid kasutavad funktsiooni hsl() jaoks. Värvitooni vahemik võib punasest ümber minna: 330 kuni 30 annab roosasid, punaseid ja oranže, läbides 0°. Mõned kasulikud seaded:

    • Pastelsed värvid: küllastus 40–80%, heledus 75–90%.
    • Tumedad, tuhmid toonid: küllastus 10–40%, heledus 15–35%.
    • Ainult sinised: värvitoon 190–250.
    • Soojad värvid: värvitoon 330 kuni 60.

    Režiimis Harmooniline palett (OKLCH) töötab tööriist OKLCH-s, tajupõhises värvimudelis, kus võrdsed heleduse sammud paistavad silmale võrdsed. Põhivärvina kasutatakse esimest lukustatud värvi; kui midagi pole lukustatud, loositakse juhuslik keskmiselt hele ja üsna küllastunud põhivärv. Teised värvid võtavad harmoonia värvitooni nurgad (näiteks +120° ja +240° triaadilise jaoks), väikese juhusliku variatsiooniga värvitoonis, heleduses ja kroomis, nii et iga klõps annab uue tulemuse. Kui küsid rohkem värve, kui harmoonias värvitoone on, kasutavad lisavärvid samu nurki heledamate ja tumedamate variantidega. Monokromaatiline hoiab ühe värvitooni ja jaotab heleduse tumedast heledani.

    Värvid, mis jäävad sRGB-ekraani kuvatavast alast välja, tuuakse tagasi kroomi vähendamisega, nii et iga kopeeritud HEX-kood on päris, kuvatav värv.

    Kus juhuslikud värvid aitavad

    Juhuslikud värvid sobivad ajutiste avatarite ja diagrammide, testandmete, generatiivse kunsti, disaini uurimise jaoks, kui oled tühja lehe ees kinni, või projekti, mängumeeskonna või sildi värvi valimiseks. Lukustamine võimaldab seda kasutada nagu mänguautomaati: jäta alles, mis toimib, ja keeruta ülejäänud. Juhuslikkus tuleb sinu brauseri krüptograafilisest generaatorist ning midagi ei saadeta kuhugi.

    Korduma kippuvad küsimused

    Kuidas saada juhuslikku HEX-värvikoodi?

    Määra Värvide arv väärtuseks 1 ja klõpsa Loo värvid, seejärel klõpsa nuppu HEX, et kood kopeerida, näiteks #3A7BD5.

    Kas ma saan mõned värvid alles jätta ja teised uuesti luua?

    Jah. Klõpsa iga säilitatava värvi juures Lukusta, siis klõpsa Loo värvid. Lukustatud värvid jäävad paigale; harmooniarežiimis saab esimene lukustatud värv ka uue paleti põhivärviks.

    Miks kasutada OKLCH harmoonia režiimi, mitte puhtalt juhuslikke värve?

    Puhtalt juhuslikud värvid kipuvad omavahel vastuollu minema või nende visuaalne kaal on väga erinev. OKLCH-s harmoonia põhjal paleti ehitamine annab värvid, mis kokku sobivad ja millel on tasakaalus heledus, mistõttu on neid disainis lihtsam kasutada.

    Mida ekspordivormingud sisaldavad?

    HEX-loend annab ühe koodi rea kohta, CSS- ja SCSS-muutujad annavad deklaratsioonid --color-1 või $color-1, JSON-massiiv annab koodide loendi ja Tailwindi värvid annab colors objekti võtmetega 100, 200 … sinu konfiguratsiooni jaoks.

    Kas värvid on tõesti juhuslikud?

    Need tulevad funktsioonist crypto.getRandomValues, brauseri krüptograafiliselt turvalisest generaatorist, seega ei kordu ükski muster klõpsude vahel.

    Seotud tööriistad