Slembilitavél

Búðu til allt að 50 slembiliti í einu — hvaða lit sem er, eða eingöngu skæra, pastel eða dökka — hvern með HEX-, RGB- eða HSL-kóða og merki fyrir birtuskil texta, búið til í vafranum með öruggri slembinotkun.

Ýttu á „Búa til“ til að fá niðurstöðu
Ítarlegar stillingar
Litblær (°)
Mettun (%)
Ljósleiki (%)

Vantar þig lit fyrir frumgerð, línurit eða tóman striga og vilt ekki velja lit af gömlum vana? Þessi ókeypis slembilitavél velur liti úr öllu 24-bit litasviðinu sem skjár getur sýnt og birtir hvern lit á litaprufu við hlið kóða síns. Veldu hversu marga þú vilt í reitnum „Fjöldi“ — allt frá 1 til 50 — hakaðu við sniðin sem þú þarft og smelltu á hnappinn „Búa til“. Síðan opnast með einum lit í HEX-sniði, þannig að fyrsta niðurstaðan krefst aðeins eins smells. Hakað er við „HEX-kóði“ frá byrjun, valkostirnir „RGB-kóði“ og „HSL-kóði“ eru við hliðina og hægt er að kveikja á hvaða samsetningu sem er í einu. Tannhjólahnappurinn við hliðina á „Búa til“ opnar hlutann „Ítarlegar stillingar“, þar sem þú getur takmarkað liti við eina gerð eða eitt svið, komið í veg fyrir endurtekningar og breytt því hvernig HEX-kóði er ritaður.

Hver litur verður til í vafranum þínum með Web Crypto API (crypto.getRandomValues), sem skaffar dulritunarlega örugg slembibæti úr slembiframleiðslu stýrikerfisins sjálfs, frekar en með gervislembiaðferð eins og Math.random(). Litur á skjá samanstendur af þremur rásum — rauðri, grænni og blárri — sem hver um sig er heiltala frá 0 til 255, og eitt slembibæti getur tekið nákvæmlega 256 gildi. Hver rás er því einfaldlega eitt bæti, án nokkurra milliliða: enginn afgangur er tekinn og engum litblæ er hyglað í umbreytingu. Þetta gerir alla 16.777.216 liti sem síðan getur búið til nákvæmlega jafnlíklega, í hvert skipti sem þú smellir á „Búa til“. Þrengra svið í hlutanum „Ítarlegar stillingar“ heldur þeirri reglu innan sviðsins: litir eru enn dregnir úr öllu rýminu og þeim sem lenda utan marka er sleppt, þannig að hver litur sem sviðið leyfir á jafna möguleika. Ekkert er sent á netþjón, ekkert er skráð í atburðaskrár og þegar síðan hefur hlaðist inn heldur hún áfram að virka þótt nettengingu sé lokað.

Sniðin þrjú lýsa sama litnum á þrjá vegu. Sniðið „HEX-kóði“ er sex stafa formið sem notað er í CSS og flestum hönnunarforritum, eins og #0778ff; það er skrifað með lágstöfum og byrjar á #, en valkostirnir „Hástafir“ og „Án #“ í hlutanum „Ítarlegar stillingar“ breyta því fyrir verkfæri sem gera aðrar kröfur. Sniðið „RGB-kóði“ tilgreinir rásirnar þrjár sérstaklega, eins og í rgb(7, 120, 255), sem hentar vel í forritunarkóða sem vinnur með hverja rás fyrir sig. Sniðið „HSL-kóði“ lýsir litnum með litblæ, mettun og ljósleika, eins og í hsl(213, 100%, 51%), sem er þægilegasta formið til að fínstilla handvirkt á eftir. Öll þrjú má líma beint inn í stílblað í CSS. Þau eru þó ekki öll jafn nákvæm. HEX og RGB eru nákvæm; HSL er námundað. Síðan skrifar litblæ, mettun og ljósleika sem heiltölur, og fyrir um 89% lita breytist námundaða gildið ekki til baka í nákvæmlega sama lit: #646503 birtist sem hsl(61, 94%, 20%), sem umbreytist aftur sem #616303. Munurinn er aldrei meiri en 5 þrep í einni rás og yfirleitt 1 eða 2 — ósýnilegur á skjá, en raunverulegur ef þú geymir HSL-gildið og býst við að fá upprunalega HEX-kóðann til baka. Vistaðu því gildið sem HEX eða RGB.

Einn litur birtist sem stakt spjald fyrir miðju niðurstöðunnar; margir litir birtast sem tölusettur listi, einn litur í hverri röð, með völdum sniðum hlið við hlið og litlu merki fyrir birtuskil á endanum. Listi með fleiri en þremur litum fær skrunstiku innan rammans, og örin í horninu opnar hann í fulla hæð; síðan man hvernig þú skildir við hann. Smelltu á hvaða kóða sem er til að afrita eingöngu þann kóða. Afritunarhnappurinn á enda raðar afritar alla kóða þess litar í eina línu, aðskilda með bili. Smelltu á litaprufuna sjálfa til að opna innbyggðan litaveljara vafrans: veldu annan lit þar og sérhver kóði í þeirri röð uppfærist til samræmis, í hverju virku sniði, ásamt birtuskilamerki sínu. Hnappurinn „Afrita allt“ afritar alla litasyrpuna, einn lit í hverri línu, og „Vista í skrá“ vistar sama texta í einfalda .txt skrá; bæði taka mið af lit sem þú breyttir í litaveljaranum. Hlutinn „Saga“ geymir síðustu 10 litasyrpur í þessum vafra, nákvæmlega eins og þær voru búnar til, og hnappurinn „Hreinsa“ tæmir niðurstöðurnar. Stillingar þínar, þar á meðal í hlutanum „Ítarlegar stillingar“, eru vistaðar fyrir næstu heimsókn.

Litir sem eiga jafna möguleika virðast ekki alltaf jafnt dreifðir, og að vita hverju má búast við kemur í veg fyrir að ýtt sé á „Búa til“ af röngum ástæðum. Mælt yfir allt litasviðið eru um 35% lita bjartir og mettaðir, með HSL-mettun að minnsta kosti 70% og ljósleika á milli 35% og 65%. Litir nálægt gráu, með mettun undir 20%, eru aðeins um 4%, og mjög dökkir litir (ljósleiki undir 20%) og mjög ljósir (yfir 80%) eru um 3% hvor hópur. Tíu lita syrpa úr valkostinum „Allir litir“ inniheldur því yfirleitt nokkra afgerandi liti og sjaldan pastellit eða dökkgráan lit. Þegar þig vantar ákveðna tegund skaltu velja hana í fellilistanum „Litagerð“: valkosturinn „Skærir“ heldur sig eingöngu við þann mettaða hóp, og „Pastel“, „Dökkir“, „Deyfðir“ og „Grátónar“ gera slíkt hið sama fyrir sína flokka. Valkosturinn „Sérsniðnir“ gerir þér kleift að stilla eigin mörk fyrir „Litblær“, „Mettun“ og „Ljósleiki“, og svið litblæs getur farið yfir 0, þannig að bilið 330 til 30 gefur rauða tóna. Sviðið er borið saman við HSL-kóðann sem síðan sýnir svo enginn kóði lendi utan þess, og ef sviðið inniheldur of fáa liti fyrir gildið í „Fjöldi“, biður síðan þig um að víkka það frekar en að endurtaka liti. Endurtekningar eru annars mögulegar en sjaldgæfar: hakaðu við „Engar endurtekningar“ til að útiloka þær, en án þess eru líkurnar á því að tveir af 50 litum úr öllu sviðinu séu eins um 1 af 13.700.

Slembilitur er oft notaður sem bakgrunnur, sem vekur upp spurningu sem litaprufa getur ekki svarað með berum augum: verður texti á honum læsilegur? Aðgengisstaðall vefsins, WCAG, krefst birtuskilahlutfalls sem nemur að minnsta kosti 4,5:1 fyrir venjulegan texta. Mælt yfir alla liti sem þessi síða getur búið til nær svartur texti því á um 65% þeirra og hvítur texti á um 36%, og enginn litur er til þar sem báðir mistakast: heppilegri kosturinn nær alltaf að minnsta kosti 4,58:1. Fyrir hvaða slembivalda bakgrunn sem er verður svartur eða hvítur texti því alltaf læsilegur, og síðan sýnir þér hvor liturinn það er. Á hverjum lit birtist lítið merki sem sýnir Aa í hagstæðari textalitnum ásamt birtuskilahlutfalli hans. Hlutfallið er námundað niður, þannig að gildinu er aldrei ofgert, og það uppfærist um leið og litnum er breytt í litaveljaranum. Merkið ber aðeins saman svartan og hvítan texta; fyrir vörumerkjalit eða annan textalit skaltu prófa litaparið í birtuskilaprófi.

Slembið er ekki það sama og samræmt. Sérhver litur í syrpu er valinn sjálfstætt án tengsla við aðra, þannig að rafallinn býr aldrei til litapallettu í skilningi hönnuðar — engin andstæð litapör, engar hliðstæðar raðir, enginn samræmdur ljósleiki. Þrengra svið breytir einkennum litahópsins en ekki þeirri meginreglu: pastellitir eða bláir tónar koma samt fram hver á fætur öðrum án nokkurra innbyrðis tengsla. Þetta er einmitt tilgangurinn: tækið gefur þér lit sem þú hefðir ekki valið sjálfur, sem rýfur vana og leysir úr sköpunarteppu. Til að nýta slembivalda niðurstöðu skaltu halda litnum sem þér líkar og leiða hina út frá honum, í stað þess að smella endurtekið á „Búa til“ í von um að heil samsetning passi saman af tilviljun. Haltu litblænum og stilltu ljósleikann til að fá ljósari eða dekkri afbrigði, eða snúðu litblænum um 180 gráður til að fá andstæðan lit. Sniðið „HSL-kóði“ er formið sem gerir slíkar breytingar að útreikningi frekar en ágiskun.

Af hverju að velja þessa slembilitavél?

Slembilitir koma að gagni alls staðar þar sem þörf er á lit áður en endanleg ákvörðun hefur verið tekin. Hönnuðir nota þá til að brjótast úr hugmyndastíflu og finna upphafspunkt sem venjuleg litapalletta þeirra hefði aldrei leitt til. Forritarar nota þá í frumgerðir, staðgengla og notandamyndir, gefa hverri gagnaröð í línuriti sérstakan lit á meðan aðalþemað er enn í vinnslu og prófa hvernig viðmót bregst við bakgrunni sem það var ekki sérstaklega hannað fyrir — 50 lita syrpa úr valkostinum „Allir litir“ inniheldur nánast alltaf að minnsta kosti einn mjög dökkan eða mjög ljósan lit, og „Dökkir“ eða „Pastel“ beina prófuninni að öðrum hvorum endanum. Listafólk í algrímslist og þeir sem smíða leikjafrumgerðir setja gildin beint inn í kóða, þar sem RGB-sniðið fellur beint að flestum grafíkforritasöfnum. Kennarar setja sniðin þrjú hlið við hlið til að sýna að hægt er að rita sama lit sem kóða, sem þrjár rásir eða sem stöðu á litahjóli, og hvers vegna HSL-sniðið er námundað. Að auki fær sérhver sem þarf að flokka, merkja eða litakóða lista aðskilda liti án þess að eyða tíma í vangaveltur.

Rétt er að hafa nokkrar eðlilegar takmarkanir í huga. Þetta er slembitæki en ekki verkfæri til að búa til litapallettur: það býr ekki til litasamræmi og heldur ekki einum lit föstum á meðan aðrir breytast, og þrengra svið gefur liti af einni gerð en ekki liti sem eiga sérstaklega heima saman. Birtuskilamerkið ber eingöngu saman svartan og hvítan texta. Síðan vinnur með sRGB-skjáliti — HEX, RGB og HSL — án gegnsæis, og styður hvorki CMYK, Pantone, OKLCH né nafngreinda CSS-liti; fyrir prentvinnslu skal samræma litinn í prentferlinu frekar en að treysta skjákóða. Sami litakóði getur einnig virst örlítið mismunandi á milli skjáa vegna ólíkrar litastillingar þeirra. HSL-gildi eru námunduð eins og lýst er hér að ofan, og nema hakað sé við „Engar endurtekningar“ er litasyrpan ekki skoðuð með tilliti til endurtekinna lita. Það sem síðan ábyrgist er nákvæmt og afmarkað: sérhver af þeim 16.777.216 litum sem eru í boði, eða sérhver litur innan sviðsins sem þú velur, á nákvæmlega sömu möguleika í hvert sinn sem smellt er, fenginn úr dulritunarslembigjafa vafrans og aldrei sendur neitt.

FAQ

Hvernig bý ég til slembilit?

Veldu hversu marga liti þú vilt í reitnum „Fjöldi“, frá 1 til 50, hakaðu við sniðin sem þú þarft — „HEX-kóði“, „RGB-kóði“, „HSL-kóði“ eða hvaða samsetningu sem er — og smelltu á „Búa til“. Síðan opnast með einum lit í HEX-sniði, þannig að fyrsta niðurstaðan krefst aðeins eins smells. Hver litur birtist á litaprufu við hlið kóða síns.

Eru litirnir raunverulega slembivaldir og eiga allir litir jafna möguleika?

Já. Sérhver litur kemur úr Web Crypto API vafrans þíns (crypto.getRandomValues), dulritunarlega öruggum slembigjafa sem notaður er þar sem óútreiknanleiki er skilyrði. Hver rás er eitt slembibæti, sem getur tekið nákvæmlega þau 256 gildi sem rás þarf, svo ekkert umbreytingarskref getur hyglað neinum litblæ. Allir 16.777.216 litirnir eru nákvæmlega jafnlíklegir, og þegar þú þrengir sviðið á sérhver litur innan þess sömu jöfnu möguleika.

Hver er munurinn á HEX, RGB og HSL?

Þau eru þrjár mismunandi leiðir til að skrifa sama litinn. HEX er sex stafa kóði eins og #0778ff, sem notaður er í CSS og flestum hönnunarforritum. RGB tilgreinir rauða, græna og bláa rás, eins og í rgb(7, 120, 255). HSL tilgreinir litblæ, mettun og ljósleika, eins og í hsl(213, 100%, 51%), sem er einfaldasta formið til að fínstilla handvirkt. Öll þrjú má líma beint inn í CSS.

Af hverju umbreytist HSL-kóðinn ekki til baka í nákvæmlega sama lit?

Vegna þess að síðan skrifar HSL-gildi sem heiltölur, og námundun veldur smávægilegu tapi á nákvæmni. Um 89% lita umbreytast ekki nákvæmlega til baka: #646503 er sýndur sem hsl(61, 94%, 20%), sem breytist aftur sem #616303. Munurinn er aldrei meiri en 5 þrep í einni rás og yfirleitt 1 eða 2. HEX og RGB eru nákvæm; HSL er námundað. Vistaðu HEX eða RGB þegar nákvæmur litur skiptir máli.

Get ég eingöngu búið til pastel, dökka eða skæra liti?

Já. Opnaðu hlutann „Ítarlegar stillingar“ með tannhjólahnappnum og veldu úr fellilistanum „Litagerð“: „Skærir“, „Pastel“, „Dökkir“, „Deyfðir“ eða „Grátónar“. Valkosturinn „Sérsniðnir“ gerir þér kleift að skilgreina eigin mörk fyrir „Litblær“, „Mettun“ og „Ljósleiki“, og svið litblæs getur farið yfir 0, þannig að 330 til 30 gefur rauða liti. Sérhver litur innan sviðsins á jafna möguleika og enginn kóði lendir utan þess; ef sviðið inniheldur of fáa liti miðað við gildið í „Fjöldi“ biður síðan þig um að víkka það.

Hvernig afrita ég einn lit eða alla litasyrpuna?

Smelltu á hvaða kóða sem er til að afrita eingöngu þann kóða, eða notaðu afritunarhnappinn á enda raðarinnar til að afrita alla kóða viðkomandi litar í eina línu. „Afrita allt“ afritar alla litasyrpuna, einn lit í hverri línu, og „Vista í skrá“ vistar sama texta sem .txt skrá. Valkostirnir „Hástafir“ og „Án #“ í hlutanum „Ítarlegar stillingar“ breyta því hvernig HEX-kóði er skrifaður, bæði þegar hann er afritaður og í vistaðri skrá.

Get ég breytt lit eftir að hann hefur verið búinn til?

Já. Smelltu á litaprufuna til að opna innbyggðan litaveljara vafrans og veldu annan lit. Sérhver kóði í þeirri röð uppfærist til samræmis, í öllum virkum sniðum, og það sama á við um birtuskilamerkið; „Afrita allt“ og „Vista í skrá“ nota breytta litinn. Hlutinn „Saga“ geymir litasyrpuna eins og hún var upphaflega búin til.

Getur sami litur komið upp tvisvar í sömu syrpu?

Ekki ef þú hakar við „Engar endurtekningar“ í hlutanum „Ítarlegar stillingar“: þá er sérhver litur í syrpunni ólíkur hinum. Án þess athugar síðan þetta ekki, og með 16.777.216 mögulegum litum eru líkurnar á því að tveir af 50 séu alveg eins um 1 af 13.700.

Verður texti læsilegur á slembivöldum bakgrunnslit?

Alltaf með öðrum hvorum af tveimur textalitum, og síðan sýnir þér hvor liturinn það er. Samkvæmt WCAG-staðlinum um 4,5:1 hlutfall fyrir venjulegan texta er svartur texti læsilegur á um 65% lita og hvítur texti á um 36%, og á sérhverjum lit er að minnsta kosti annar þeirra læsilegur með hlutfalli sem nemur að minnsta kosti 4,58:1. Hver litur birtir merki sem sýnir Aa í hagstæðari litnum ásamt hlutfalli sem er námundað niður. Merkið nær aðeins yfir svartan og hvítan texta, svo prófaðu aðra textaliti í birtuskilaprófi.

Býr þessi rafall til liti sem passa saman í litapallettu?

Nei. Sérhver litur er valinn sjálfstætt, þannig að syrpan er safn óskyldra lita frekar en samræmd litapalletta — jafnvel þótt þú takmarkir valið við pastelliti eða einn litblæ. Slembið er ekki það sama og samræmt. Til að búa til litapallettu skaltu halda lit sem þér líkar og leiða aðra út frá honum — til dæmis með því að breyta eingöngu ljósleikanum í HSL-kóða hans.

Get ég fengið CMYK, Pantone eða gegnsæja liti?

Nei. Síðan framleiðir eingöngu sRGB-skjáliti í sniðunum HEX, RGB og HSL, án gegnsæis, og styður ekki CMYK, Pantone, OKLCH eða nafngreinda CSS-liti. Fyrir prentverk skal samræma litinn í prentvinnsluferli í stað þess að treysta skjákóða.

Er nokkuð sem ég bý til sent á netþjón eða vistað þar?

Nei. Litirnir eru búnir til staðbundið í vafranum þínum, engu er hlaðið upp eða skráð í annála og síðan heldur áfram að virka án nettengingar eftir að hún hefur hlaðist inn. Hlutinn „Saga“ geymir aðeins síðustu 10 syrpur í þessum vafra og þú getur slökkt á henni eða hreinsað hana hvenær sem er.