Búðu til, dragðu út og flyttu út litaspjöld í mörgum sniðum
Veldu hvernig þú vilt mynda liti: slembið spjald, litagráða eða handvirkt litaval.
Smelltu á mynda til að búa til slembið litaspjald eða notaðu litavalið til að velja sérstaka liti.
Sjáðu HEX, RGB og HSL gildin fyrir hvern lit. Afritaðu hvaða litakóða sem þú þarft.
Myndaðu samhæfð litaspjöld með viðbótarlitum, svipuðum eða þríleitur litakerfum.
Búðu til mjúkar litagráður með því að velja byrjun og endalit. Stilltu litagráðu stefnu og stöðvur.
Smelltu á hvaða litakóða sem er til að afrita hann á klemmuspjald. Notaðu hann í CSS, hönnun tólum eða kóða.
Vistaðu litaspjaldið þitt fyrir síðari notkun eða flyttu það út í ýmsum sniðum fyrir hönnunar vinnuflæðið þitt.
Athugaðu litandstæður hlutföll til að tryggja að litirnir þínir uppfylli aðgengis staðla fyrir texta læsileika.
Gjafinn styður HEX (#RRGGBB), RGB (rgb(r,g,b)), HSL (hsl(h,s%,l%)) og getur breytt á milli þessara sniða.
Já, þú getur myndað algjörlega slembin liti eða slembin liti innan ákveðinna litblæs sviða fyrir meiri stjórnun slembni.
Litaspjald er safn lita sem valin eru til að vinna samhæft saman. Spjöld fylgja oft litafræði meginreglum eins og viðbótarlitum eða svipuðum kerfum.
Veldu byrjunarlit og endalit, síðan býr gjafinn til mjúka umskipti á milli þeirra. Þú getur bætt við fleiri litastöðvum fyrir flókna litagráður.
Já, þú getur afritað litakóða og vistað þá handvirkt, eða notað vafra eiginleika til að vista spjöld. Sumir gjafar bjóða einnig upp á útflutningsgetu.
Litandstæður mæla muninn á birtustigi á milli forgrunns og bakgrunns lita. Hærra andstæður bætir læsileika, sérstaklega fyrir aðgengi.
Já, liti sjálfir geta ekki verið höfundarréttarvernduð. Þú ert frjáls að nota hvaða mynduðu liti sem er í verkefnum þínum, viðskiptalegum eða persónulegum.
HSL (Litblær, Mettun, Ljósmagn) táknar liti á meira innsæjanlegan hátt en RGB. Litblær er litategundin, mettun er styrkur og ljósmagn er birtustig.
Notaðu nægjanlegar andstæður hlutföll (WCAG mælir með 4,5:1 fyrir eðlilegan texta, 3:1 fyrir stóran texta). Prófaðu litasamsetningar þínar með andstæður athugun tólum.
Já, þú getur myndað litaspjöld sem henta fyrir vörumerki. Íhugaðu vörumerki persónuleika þinn og markhóp þegar þú velur liti.
Gakktu úr skugga um að textaandstæður uppfylli WCAG 2.1-staðla: 4,5:1 hlutfall fyrir meðalstóran texta, 3:1 fyrir stóran texta (18pt+). Mörg notendur með sjónskerðingu eða lesa í birtu ljósi þurfa góðar andstæður til að lesa á öryggi.
Um 8% karla og 0,5% kvenna eru með einhvers konar litablindu. Forðastu að nota liti eina til að miðla mikilvægar upplýsingar — bættu alltaf við táknum, mynstrum eða texta. Prófaðu hönnunina með litablindueftirlíkingartólum.
Takmarkaðu aðallitaspjaldið við 5-7 liti: einn aðallitur, einn aukaliti, einn áherslulitur og hlutlægar tónar (hvítt, svart, grátt). Fleiri litar skapar sjónræmt rugl og veikir vörumerkjaþekkingu.
Skilgreindu liti sem CSS-breytur (--color-primary: #3B82F6) eða hönnunartákn. Þetta gerir þér kleift að breyta litaspjaldinu á einum stað og fá breytingarnar yfir alla hönnunina. Forðastu harðkóðaðar litagildi sem eru dreifðar um kóðann.
Litir líta mismunandi út á mismunandi skjám, síma og í mismunandi birtuskilyrðum. Prófaðu alltaf litaspjaldið á ýmsum skjáum og í dagsbirtu. Það sem lítur vel út á stofuhornum gæti verið ólesanlegt í sól.
HSL (Litblær, Mettun, Ljósmagn) er auðveldara að vinna með en RGB þegar þú þarft að búa til skýringar, dælingatóna eða litatónbilar. Breyting á ljósmagnsgildinu í HSL gefur nákvæmlega ljósara eða dekkra afbrigði af sama lit.
Búðu til 8-10 þyngdarstig fyrir hvern lykilliti (t.d. 50, 100, 200 upp í 900 eins og Tailwind CSS gerir). Þetta gefur þér sveigjanlegar litaval við hönnun mismunandi þátta eins og bakgrunna, texta og jaðra.
Notaðu liti til að leiðbeina um sjónarhorn og skapa stigveldi í hönnuninni. Heitir litir (rauður, appelsínugulur) draga athygli til sín, kaldur litir (blár, grænn) kynna til sögunnar. Notaðu áherslulit sparlega á hlutum sem krefjast aðgerða.
Prófaðu hvernig litaspjaldið þitt lítur út í birtuskilyrðum og í myrkri (dark mode). Margir notendur kjósa myrkur-stillingu og litar sem líta vel út á hvítum bakgrunni geta verið ósýnilegir á svörtum bakgrunni.
Litir hafa mismunandi merkingarlegar tengingar eftir menningum. Rauður þýðir hættu í Vesturlöndum en lukku í Kína. Þegar þú hannar alþjóðlega vörumerki eða vefsíður skaltu rannsaka litamerkingar í markaðslöndunum þínum.
Kynntu þér hvernig JaneX litir fyrir aðgengi bæta vefhönnun, tryggja innifalningu og samræmi við aðgengisstöðlum.
Kynntu þér hvernig JaneX litir fyrir forritara bæta litastjórnun og hönnunar skilvirkni.
Kynntu þér yfirlit yfir JaneX Liti, mikilvægt verkfæri fyrir þróunaraðila til að stjórna litapallettum á áhrifaríkan hátt.
Kannaðu önnur öflug verkfæri frá JaneX
Búðu til sterk, örugg lykilorð með sérsniðnu lengd og stafakostum.
Búðu til QR kóða fyrir URLs, WiFi net, tengiliði, tölvupósta og meira augnabliks.
Þjappa myndum JPEG, PNG og WebP til að draga úr skráarstærð.
Breyta stærð mynda á netinu með stjórnun hlutfalls.
Breyta myndum á milli formata JPG, PNG, WebP og GIF.
Búðu til strikamerkja í mörgum sniðum: EAN-13, UPC-A, Code128, Code39, ITF-14 og Codabar.
Fjarlægðu bakgrunn mynda með gervigreind. Útflutningur PNG eða WebP með gagnsæi. Keyrir í vafranum.
Breyttu á milli eininga lengdar, massa, hitastigs og tíma augnabliks.
Telur stafi, orð, setningar, málsgreinar og línur augnabliks.
Kóða og afkóða Base64 strengi, texta, myndir og skrár augnabliks.
Búðu til MD5, SHA, bcrypt og Argon2 hasha fyrir texta, skrár og URLs.
Breyttu texta á milli hástafa, lágstafa, titils, camelCase, PascalCase, snake_case, kebab-case og setningar augnablikslega.
Búðu til staðgengiltexta í mörgum sniðum: málsgreinum, setningum, orðum, listum, fyrirsögnum og blönduðu efni.
Búðu til faglegar PDF reikninga á sekúndum. Ókeypis, fljótur og með stuðningi við marga gjaldmiðla.
Byggðu stórkostlegar ferilskrár með auðveldum gjafa okkar. Mörg sniðmát, augnabliks PDF niðurhal.
Afkóða og staðfesta JWT tákn. Staðfesta undirskriftir og gildistíma.
Reiknaðu Vigtvísitölu þína strax með metra og breskar mælieiningar.
Styttu slóðir með tölfræði og sérsniðnum slug.
Sameinaðu mörg PDF skjöl í eitt. Endurraða með drag og slepp.
Klipptu PDF skjöl með því að velja síður. Myndsmíðar og útdráttur.
Þjappaðu PDF skjöl til að minnka stærð. Fjarlægðu lýsigögn og fínstilltu.
Sniðaðu, minnkaðu, staðfestu JSON og breyttu á milli JSON og YAML. Trjáskýring og schema staðfesting.
Reiknaðu mánaðarlegar greiðslur fyrir húsnæðislán og neytendalán. Mánaðarleg greiðsla, heildarvextir og afborgunaraætlun.
Fylgstu með tíðahringnum, reiknaðu frjósamlega gluggann og spáðu egglosadagsetningum.
Veðurspá fyrir hvaða borg sem er.
Ókeypis daglegt horóskóp eftir stjörnumerki. Almenn spá, ást, ferill og heilsa.
Leitaðu að uppskriftum eftir hráefnum, kannaðu matvörur með Nutri-Score og fáðu AI heilsuinnsýn.