Hvernig bý ég til litapallettu út frá einum vörumerkjalit?

Sláðu inn sextándakerfiskóða (hex), litaheiti eins og teal eða rgb()- eða hsl()-gildi í reitinn Grunlitur og ýttu á Enter. Veldu síðan gerð eins og Vörumerkjalitir, Andstæðir, Þrír litir eða Einlitir og smelltu á litaprufu til að afrita hana.

Hvaða útflutningssnið styður litapallettusmiðurinn?

Þú getur afritað liti sem hex, rgb, hsl eða oklch og flutt út CSS-, SCSS-, JSON-, Tailwind 50–950 kvarða, PNG-, SVG-, GIMP/Krita GPL-, Adobe ASE- eða Photoshop ACO-skrár. Hvaða valkostir birtast fer eftir útflutningsstillingunum.

Hvernig get ég athugað hvort litirnir í pallettunni séu læsilegir á hvítu eða svörtu?

Hver litur sýnir merkin Á hvítu og Á svörtu með WCAG-stigum: AAA, AA, AA stórt eða Fellur. Í hlutanum Athugun á texta og bakgrunni geturðu einnig valið textalit og bakgrunn til að prófa ákveðið litapar.

Hvernig held ég ákveðnum litum en stokka restina?

Smelltu á Læsa þessum lit á litaprufunum sem þú vilt halda og ýttu síðan á Stokka. Læstir litir haldast óbreyttir en hinir breytast. Þú getur líka notað Breyta þessum lit til að breyta einni prufu, sem merkir pallettuna sem breytta.

Get ég deilt pallettunni minni eða valið lit beint af skjánum?

„Deila niðurstöðu“ býr til tengil sem geymir grunnlitinn, gerðina og allar breytingar, svo allir sem opna hann sjá sama litaspjald. Í síma opnast deilingarglugginn; í tölvu er tengillinn afritaður. „Velja af skjá“ notar EyeDropper í vafranum, sem er aðeins í boði í vöfrum sem styðja hann, aðallega þeim sem byggja á Chromium.

Er þetta í alvöru ókeypis?

Já. Öll verkfæri eru ókeypis í notkun, án aðgangs og án kreditkorts. Vinnan fer fram í tækinu þínu frekar en á netþjónum okkar, sem gerir það að verkum að hægt er að halda þjónustunni ókeypis.

Virkar það í farsíma?

Já. Það keyrir í nýlegum farsímavöfrum á iOS og Android án þess að setja neitt upp.

🎨

Litapalettusmiður — ókeypis

Búðu til fylgilita, hliðstæðar, þríhyrndar og einlitar litapallettur úr hvaða grunnlit sem er. Afritaðu hex-kóða með einum smelli.

Keyrir í vafranum þínumEngin skráning, engir sprettigluggarEngin innskráning krafistFrjáls að eilífu

Virkar án nettengingar eftir hleðslu

Grunlitur

Sláðu inn hex-kóða, litanafn eins og teal eða tomato, eða rgb(20, 184, 166) / hsl(174, 80%, 40%) og ýttu á Enter.

Vörumerkjalitir · 7 litir

Afritunarsnið

Flytja út:Hex-merkingar á PNG/SVG

Grunnlitur

Á hvítu 2,5Fellur

Á svörtu 8,4AAA

Áherslulitur

Á hvítu 2,9Fellur

Á svörtu 7,2AAA

Ljós tónn

Á hvítu 1,1Fellur

Á svörtu 19,4AAA

Dökkur tónn

Á hvítu 9,0AAA

Á svörtu 2,3Fellur

Hlutlaus ljós

Á hvítu 1,1Fellur

Á svörtu 19,3AAA

Hlutlaus miðlungs

Á hvítu 4,1AA stórt

Á svörtu 5,1AA

Hlutlaus dökkur

Á hvítu 16,1AAA

Á svörtu 1,3Fellur

Athugun á texta og bakgrunni

TextaliturBakgrunnur

Sýnishorn af stórri fyrirsögn

Sýnishorn af meginmáli fyrir þessa samsetningu

8,44:1Venjulegur texti AAAStór texti AAA

Prófaðu þetta

Viltu liti úr ljósmynd? Notaðu litaúrtak úr mynd

Algeng notkun

Búa til Litur Palettir fyrir Vefur HönnunBúa til harmonískt litur kerfi fyrir vefsíður, vef öpp og UI íhluti.
Búa til Vörumerki Litur PalettirÞróa heill vörumerki litur kerfi frá einn vörumerki litur - aðal, aukaatriði, bert og hlutlaus.
Búa til Litur Palettir fyrir List og MyndirBúa til harmonískt litur samsetning fyrir stafrænt list, myndir og skapandi verkefni.
Búa til Litur Stílir fyrir FigmaBúa til litur palettir til nota sem Figma Litur Stílir og hönnun táknun stofnir.
Búa til Dark Mode Litur PalettirBúa til ljós og dökk breytilegu af litur palette fyrir byggingu dark mode stuðning.

Hvernig það virkar

Tólið er byggt án ytri bókasafna — öll litastærðfræði keyrir í handskrifuðu JavaScript beint í vafranum þínum. Það breytir völdum lit þínum milli hex og HSL, beitir svo klassískum litafræðisamræmisreglum (viðbót, þríhliða, hliðstæð, o.s.frv.) með aritmetík á blæ-hjólinu til að framleiða hverja litatöflu.

1
Hex-í-HSL breyting
Þegar þú velur lit þáttar tólið hex-strenginn í RGB-hluta og breytir þeim í HSL (blær, mettun, birtu). Blær er 0–360 gráðu staðsetningin á litahjólinu; öll litatöflustærðfræðin fer fram í þessu rými.
2
Blæ-aritmetík fyrir samræmi
Hver litatöflutegund er fastur snúningsformúla beitt á grunnblæinn. Viðbót bætir við 180°, þríhliða bætir við 120° og 240°, tetrad stígur um 90°, klofin-viðbót notar 150° og 210°. Einlit og skuggar halda blæ og mettun stöðugum á meðan birta er stigin upp og niður.
3
HSL-í-hex úttak
Hver reiknaður HSL-þríliði er breyttur aftur í hexlit með stöðluðu chroma-formúlunni. Niðurstöðurnar birtast sem litstrimill með sjálfvirkt kontrasteruðum merkjum (dökkur texti á ljósum sýnishornum, ljós texti á dökkum) ákvarðaðar með einföldum birtuþröskuldi.
4
Flyttu út í kjörsniðinu þínu
Litatöfluna má afrita sem hexstrengi eða flytja út sem CSS-breytuskrá (:root { --color-1: … }), SCSS-breytur, Tailwind-uppsetningarbrot, JSON-hlut, eða PNG litstrimil. PNG-útflutningur notar Canvas API vafrans (toDataURL) til að teikna hvert sýnishorn með hex-merki sínu — allt er myndað staðbundið við smell.

Tengd verkfæri

🎨

Slembilitagjafi

Búðu til slembiliti einn í einu eða sem fimm lita litaspjald, læstu þeim sem þér líka, afritaðu HEX-, RGB- eða HSL-gildi og fluttu litaspjaldið út sem PNG eða CSS.

Prófaðu það

🎨