Utilia
Flokkar ▾
Tungumál: is ▾

Slembilitaframleiðandi

Búðu til tilviljanakennda liti eða samræmd litaspjöld, læstu þeim sem þér líkar, afritaðu HEX, RGB eða HSL kóða og fluttu út sem CSS, SCSS, JSON eða Tailwind.

Litblær (°)
Mettun (%)
Ljómi (%)

Læstu litunum sem þér líkar, búðu síðan til aftur til að skipta aðeins út hinum.

Litir

    Svona notarðu slembilitaframleiðandann

    1. Stilltu Fjöldi lita (1 til 20).
    2. Veldu Hamur: - Handahófskennt innan marka dregur hvern lit sjálfstætt. Þrengdu bilin Litblær (°), Mettun (%) og Ljómi (%) með reitunum „frá“ og „til“ til að halda þér innan litafjölskyldu, til dæmis aðeins pastellita eða aðeins blárra lita. - Samræmt litaspjald (OKLCH) dregur einn handahófskenndan grunnlit og byggir hina út frá litasamræmi. Veldu Samræmi (Andstæðir litir, Aðliggjandi litir, Þríhyrningur, Klofnir andstæðir litir, Ferhyrningur, Ferningur, Einlita) eða láttu Komdu mér á óvart velja annað samræmi í hvert sinn.
    3. Smelltu á Búa til liti. Hvert spjald sýnir litinn með HEX-, RGB- og HSL-kóðum sínum; litlu hnapparnir HEX, RGB og HSL afrita samsvarandi kóða.
    4. Smelltu á Læsa við litina sem þú vilt halda, síðan á Búa til liti aftur: aðeins ólæstu litirnir breytast. Smelltu aftur á hnappinn til að aflæsa lit.
    5. Veldu snið í Flytja út sem (HEX-listi, CSS-breytur, SCSS-breytur, JSON-fylki eða Tailwind-litir) og notaðu Afrita eða Sækja til að taka allt settið með þér.

    Hvernig litirnir eru valdir

    Í hamnum Handahófskennt innan marka eru litblær, mettun og ljómi hvert dregin jafnt innan markanna sem þú stillir, síðan umbreytt úr HSL í RGB með sömu formúlu og vafrar nota fyrir hsl(). Litblæjarbilið getur farið yfir rauða litinn: frá 330 til 30 gefur bleika, rauða og appelsínugula liti, með því að fara í gegnum 0°. Nokkrar gagnlegar stillingar:

    • Pastellitir: mettun 40–80 %, ljómi 75–90 %.
    • Dökkir, daufir litir: mettun 10–40 %, ljómi 15–35 %.
    • Aðeins bláir: litblær 190–250.
    • Hlýir litir: litblær 330 til 60.

    Í hamnum Samræmt litaspjald (OKLCH) vinnur verkfærið í OKLCH, litalíkani sem miðast við skynjun þar sem jöfn skref í ljóma líta út fyrir að vera jöfn fyrir augað. Fyrsti læsti liturinn er notaður sem grunnur; ef ekkert er læst er dreginn handahófskenndur grunnur sem er miðlungs ljós og nokkuð mettaður. Hinir litirnir taka litblæjarhorn samræmisins (til dæmis +120° og +240° fyrir þríhyrning), með lítilli handahófskenndri breytingu á litblæ, ljóma og litfyllingu svo hver smellur gefur nýja niðurstöðu. Þegar beðið er um fleiri liti en samræmið hefur litblæ endurnýta aukalitirnir hornin með ljósari og dekkri afbrigðum. Einlita heldur einum litblæ og dreifir ljómanum frá dökku til ljóss.

    Litir sem lenda utan þess sem sRGB-skjár getur sýnt eru færðir til baka með því að lækka litfyllingu þeirra, svo hver HEX-kóði sem þú afritar er raunverulegur litur sem hægt er að sýna.

    Hvar tilviljanakenndir litir hjálpa

    Tilviljanakenndir litir eru þægilegir fyrir tímabundnar notendamyndir og töflur, prófunargögn, kviksköpunarlist, hönnunarleit þegar þú ert föst(fastur) fyrir framan autt blað, eða til að velja lit fyrir verkefni, leikjalið eða merkimiða. Með læsingu geturðu notað þetta eins og spilakassa: haltu því sem virkar og snúðu hinu. Tilviljunin kemur frá dulmálsöruggum slembitölugjafa vafrans og ekkert er sent neitt.

    Algengar spurningar

    Hvernig fæ ég tilviljanakenndan HEX-litakóða?

    Stilltu Fjöldi lita á 1 og smelltu á Búa til liti, smelltu síðan á hnappinn HEX til að afrita kóðann, til dæmis #3A7BD5.

    Get ég haldið sumum litum og búið til hina aftur?

    Já. Smelltu á Læsa við hvern lit sem á að halda, síðan á Búa til liti. Læstir litir haldast á sínum stað; í samræmishamnum verður fyrsti læsti liturinn einnig grunnur nýja litaspjaldsins.

    Af hverju að nota OKLCH-samræmishaminn frekar en hreina tilviljun?

    Hreint tilviljanakenndir litir stangast oft á eða hafa mjög ólíkt sjónrænt vægi. Að byggja litaspjaldið á samræmi í OKLCH gefur liti sem eiga saman og hafa jafnvægi í birtu, sem gerir þá auðveldari í notkun í hönnun.

    Hvað innihalda útflutningssniðin?

    HEX-listi gefur einn kóða í hverri línu, CSS- og SCSS-breytur gefa yfirlýsingar eins og --color-1 eða $color-1, JSON-fylki gefur lista yfir kóða og Tailwind-litir gefa colors hlut með lyklunum 100, 200 … fyrir stillingarskrána þína.

    Eru litirnir í raun tilviljanakenndir?

    Þeir koma frá crypto.getRandomValues, dulmálsöruggum slembitölugjafa vafrans, svo ekkert mynstur endurtekur sig á milli smella.

    Tengd verkfæri