Litaveljar og HEX-kóðar: Myndalitafinnur

Besti ókeypis litaveljar á netinu og myndalitafinnur. Dragðu strax út nákvæm HEX-, RGB-, HSL- og CMYK-gildi úr hvaða mynd eða skjámynd sem er.

Litasamsetning

Litir

#3DAF73

Valinn litur

HEX

RGB

HSL

Við leggjum áherslu á persónuvernd! Engum gögnum er deilt.

Fullkominn litavali og myndlitaleitarhandbók

Fullkomnasta ókeypis tólið fyrir hönnuði og forritara.

Fullkomin nákvæmni í dílum

Myndalitavali okkar notar hráa strigavél til að bera kennsl á nákvæma HEX litakóða og RGB gildi hvaða pixla sem er, sem tryggir faglega nákvæmni fyrir hönnunina þína. Finndu nákvæm litahex gildi og HTML litakóða samstundis.

100% áhersla á persónuvernd

Við trúum á öryggi. Þetta er litaleitartæki frá mynd viðskiptavinarhlið, sem þýðir að myndirnar þínar eru unnar á staðnum í vafranum þínum og aldrei hlaðið upp á netþjóna okkar. Your hex codes stay private.

Samstundis útdráttur

Engin skráning nauðsynleg. Dragðu og slepptu til að ná í liti samstundis. Tólið okkar er fínstillað fyrir hraða og gefur þér HEX, RGB og HSL kóða á örskotsstundu.

Samhæft öllum tækjum

Finndu liti hvar sem er. Farsímavæna litavalstólið okkar virkar fullkomlega á snjallsímum og spjaldtölvum (iOS og Android) með viðmóti sem er hannað fyrir snertingu.

Snjallferill

Tapaðu aldrei lit aftur. Við vistum sjálfkrafa nýjustu litakóðana þína staðvært, sem gerir þér kleift að byggja upp samræmda litasameiningu jafnt og þétt.

Sjálfvirk litasamsetningarvél

Meira en bara litaval. Reikniritið okkar greinir myndina þína til að búa til fallega og samræmda litasamsetningu fyrir næsta verkefni þitt samstundis.

Hvernig á að finna liti úr myndum og draga út HEX kóða

Þrjú einföld skref til að nota litavali okkar úr myndtólinu og fá nákvæma litakóða.

Hlaða upp eða draga mynd

Dragðu og slepptu hvaða skrá sem er (JPG, PNG, WebP) á svæðið. Tólið okkar greinir myndina samstundis til að undirbúa hana fyrir litagreiningu.

Velja nákvæman díl

Smelltu hvar sem er á myndina. Notaðu viðmikið stækkunargler til að þysja inn og finna nákvæman lit þess díls sem þú þarft.

Afrita litakóða

Afritaðu HEX kóðann, RGB gildið eða HSL strenginn samstundis á klippiborðið þitt með einum smelli.

HEX litakóðar, HTML litakóðar og öll studd snið

Stuðningur í faglegri einkunn fyrir sexkóða og alla helstu stafræna og prentaða litastaðla.

HEX

VEFUR

HEX-litakóðar (sextánsígildir). Hefðbundið 6 stafa lita hex snið notað í HTML litakóðum, CSS stílblöðum og SVG hönnunarverkefnum.

 #3DAF73
 

RGB

SKJÁR

Rauður, grænn, blár. Upprunalega hnitakerfið fyrir stafræna skjái, skjái og myndavélaskynjara.

 rgb(61, 175, 115)
 

HSL

INNSÆI

Litatónn, mettun, birta. Valin snið fyrir mannlega og innsæis litastillingu og samræmi.

 hsl(148, 48%, 46%)
 

CMYK

PRENTUN

Sýan, magenta, gult, svart. Nauðsynleg gildi fyrir prentframleiðslu og samræmi í vörumerkjum.

 cmyk(65%, 0%, 34%, 31%)
 

RGBA

ALFA

RGB + Alfa. Bætir gagnsæisrás við venjulegt RGB, tilvalið fyrir gegnsæisáhrif á vefnum.

 rgba(61, 175, 115, 1.0)
 

HSLA

ALFA

HSL + Alfa. Öflugasta sniðið fyrir nútíma hönnun, sem sameinar náttúrulega litastillingu og gagnsæisstýringu.

 hsla(148, 48%, 46%, 1.0)
 

Heildarleiðbeiningar um notkun litavalstóls

Allt sem þú þarft að vita um hvernig á að ná í nákvæma liti fyrir hönnunarferlið þitt. Náðu tökum á tækninni við að velja liti.

1. Nákvæmni skiptir máli

Skjáir eru mismunandi og að velja liti „eftir auganu“ getur leitt til ósamræmis í vörumerkjum.

Tólið okkar greinir myndgögn á kerfisbundinn hátt til að ná í nákvæmt stærðfræðilegt litagildi (HEX, RGB, HSL), sem tryggir að græni liturinn í lógóinu þínu passi fullkomlega við CSS kóðann þinn.

2. Aðgengi og hönnun

Að finna kóðann er bara fyrsta skrefið. Athugaðu alltaf WCAG birtuskil (stefndu að 4.5:1) til að tryggja læsileika.

Forðastu of skæra liti sem gætu verið lýjandi. Prófaðu HEX kóðana þína á mörgum tegundum tækja (OLED vs LCD) til að tryggja góða upplifun fyrir alla.

3. Faglegt vinnuflæði

Einfaldaðu ferlið: Hladdu upp drögum, notaðu stækkunarglerið til að finna nákvæma liti og afritaðu HEX kóða beint á klippiborðið.

Vistaðu þessa liti á skipulagðan hátt í hönnunarkerfinu þínu (t.d. --primary: #3DAF73;) fyrir kóða sem er auðvelt að viðhalda.

4. Sálfræði lita

Litir hafa áhrif á hegðun. Vissir þú að blár kallar á traust á meðan appelsínugulur skapar áríðandi tilfinningu?

Notaðu tólið okkar til að greina vefsíður samkeppnisaðila sem ganga vel. Náðu í nákvæmu litakóðana þeirra til að skilja sálfræðina á bak við hönnun sem skilar árangri.

Algengar spurningar

Er þetta tól ókeypis?

Já! Litavalstólið okkar er 100% ókeypis til notkunar á netinu. Það eru engin falin gjöld, engin skráning og engin takmörk á daglegri notkun. Þú getur náð í HEX, RGB og HSL kóða úr ótakmörkuðum fjölda mynda algerlega án endurgjalds.

Er myndunum mínum hlaðið upp?

Alls ekki. Persónuvernd þín er forgangsverkefni okkar. Þetta tól vinnur myndirnar 100% staðvært í vafranum þínum með því að nota nýjustu HTML5 tækni. Myndirnar þínar yfirgefa aldrei tækið þitt og er aldrei hlaðið upp á neinn netþjón, sem gerir það öruggt fyrir viðkvæma hönnunarvinnu.

Hvaða snið eru studd?

Við styðjum fjölmörg skráarsnið til að tryggja sem besta samhæfni. Þú getur valið liti úr JPG, JPEG, PNG, WebP, SVG og jafnvel GIF myndum. Hvort sem það er ljósmynd, stafræn hönnun eða skjáskot, þá ræður tólið okkar við það.

Hvernig afrita ég kóðann?

Það er mjög auðvelt að afrita. Þegar þú smellir á díl, þá ýtirðu bara á afritunarmerkið við hliðina á HEX kóðanum, RGB gildinu eða HSL línunni. Litakóðinn vistast samstundis á klippiborðið þitt, tilbúinn til að vera límdur inn í Photoshop, Figma eða CSS kóðann þinn.

Er þetta nákvæmt?

Já, þetta er vísindalega nákvæmt. Tólið okkar greinir nákvæm gögn myndskrárinnar þinnar til að gefa fullkomlega nákvæm litagildi. Ólíkt öðrum tólum sem geta orðið fyrir áhrifum af birtustigi skjásins, þá gefur þetta tól þér rétta litakóðann beint úr upprunalegu skránni.

Hvað eru HEX litakóðar og hvernig nota ég þá?

HEX litakóðar (einnig kallaðir sexkóðar eða sexgildi lita) eru sex stafa sextánda tölur sem tákna liti í vefhönnun. Til dæmis er #3DAF73 grænn tónn. Þau eru staðlað snið fyrir HTML litakóða sem notaðir eru í CSS, HTML eiginleikum og hönnunarverkfærum eins og Figma og Photoshop. Litavali okkar dregur samstundis út nákvæma HEX litakóða úr hvaða pixla sem er í myndinni sem þú hlaðið upp, svo þú getur afritað og límt þá beint inn í kóðann þinn.

How does the color finder from image work?

Tólið okkar litaleitari úr mynd (einnig þekkt sem mynd litaleitari) virkar með því að greina hrá pixlagögn myndarinnar sem þú hlaðið upp beint í vafranum þínum. Einfaldlega notaðu eiginleikann litaval úr mynd: hlaðið upp eða dragðu og slepptu hvaða mynd sem er, smelltu á hvaða pixla sem er og fáðu samstundis nákvæma HEX kóða, RGB og HSL gildi. Engin hugbúnaðaruppsetning þarf - hann virkar algjörlega á netinu og heldur myndunum þínum persónulegum.