Hvaða litakóða gefur það mér?

HEX, RGB, HSL, HSV, CMYK og OKLCH fyrir sama litinn, tilbúið til afritunar.

Get ég valið lit af skjánum mínum?

Já, með Velja af skjá í Chromium-vöfrum eins og Chrome og Edge. Hnappurinn er falinn þegar vafrinn þinn styður það ekki.

Athugar það hvort texti sé læsilegur á litnum?

Já. Það sýnir WCAG birtuskilahlutfall gagnvart hvítu og svörtu og merkir það AA stórt, AA, AAA eða Fellur. Það stingur líka upp á andstæðum, þríhyrndum, nágrannalitum og einlitum litum.

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.

🎨

Litavals- og litavalara — ókeypis

Veldu liti, breyttu á milli HEX/RGB/HSL og búðu til samræmdar litatöflur.

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

Virkar án nettengingar eftir hleðslu

Litavali

HEX

HSV

h217°

s76%

v96%

aðeins til birtingar

RGB

HSL

Fleiri snið

Alfa100%

HEX8#3b82f6ff

RGBrgb(59 130 246)

HWBhwb(217 23% 4%)

CMYKcmyk(76%, 47%, 0%, 4%)

OKLCHoklch(62.3% 0.188 259.8)

SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)

Android0xFF3B82F6

FlutterColor(0xFF3B82F6)

WCAG birtustig

Næsti nefndi litur: dodgerblue · Svartur texti er auðlesnari hér (5,71:1)

Texti á hvítu3,68:1AA stór

Texti á svörtu5,71:1AA

Texti á #ffffff3,68:1AA stór

Bera saman við annan lit

Skuggar og tónar (50–950)

Heiti

Litaspjald

Viðbót

#3b82f6

#f6af3c

Þrístafa

#3b82f6

#f63c83

#83f63c

Samstig

#3ce0f6

#3b82f6

#523cf6

Einfita

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

Algeng notkun

Litavari fyrir vefhönnunVeldu og búðu til liti fyrir vefsíðu þína — fáðu HEX, RGB og HSL gildi plús harmonískar litapallur.
Litavari fyrir vörumerkjunByggðu þitt vörumerkjalit pallur — veldu aðal, aukakir og aksent liti sem virka saman.
Litavari fyrir samfélagsmiðlaBúðu til augnastekkandi litapallur fyrir samfélagsmiðla færslur, sögur og prófilaðir.
Litavari fyrir prentverkVeldu liti fyrir prentuð efni — bækur, viðskiptakort, bæklingur — með nákvæmum litaforskoti.
Litavari fyrir kynningarHannaðu glæruliti kerfi — veldu lesandi textalitur, töflumálir og samfelldar aksent litvari.

Hvernig það virkar

Allt keyrir beint í vafranum þínum með handskrifaðri breytingarstærðfræði — ekkert litabókasafn, engin netþjónsferð. Þú velur lit með innbyggðu litainntaki vafrans eða EyeDropper API, og tólið breytir honum samstundis í sex snið á meðan það reiknar einnig WCAG kontrasthlutföll og myndar samræmislitatöflur.

1
Litainntak með native API
Þú velur lit með innbyggða <input type="color"> tólinu í vafranum, eða — í Chromium-byggðum vöfrum — EyeDropper API leyfir þér að sýna hvaða pixil sem er á skjánum þínum. Báðar leiðir skila hexstreng sem verður eina heimild sannleikans.
2
Handskrifaðar sniðbreytingar
Tólið breytir hexgildinu í RGB, HSL, HSV, CMYK og OKLCH með eigin stærðfræðiföllum (án ytra bókasafns). OKLCH-breytingin línuleggur sRGB-rásirnar, beitir OKLab teningsrótarfylkinu, leiðir svo út chroma og blæhorn — samsvarandi nútíma CSS Color Level 4 úttaki.
3
WCAG kontrasthlutfallsútreikningur
Hlutfallsleg birta er reiknuð úr línulögðu RGB-rásunum með WCAG 2.x formúlunni. Tólið reiknar svo kontrasthlutföll gegn hreinu hvítu og hreinu svörtu og merkir þau AA-stórt, AA, AAA, eða Fall samkvæmt WCAG-þröskuldum (3:1, 4,5:1, 7:1).
4
Myndun samræmislitatöflu og staðbundin vistun
Viðbótar-, þríhliða-, hliðstæð- og einlitasýnishorn eru leidd með því að snúa eða stíga HSL blæ og birtugildi stærðfræðilega. Vistaðar litatöflur eru skrifaðar í localStorage í vafranum þínum — ekkert yfirgefur tækið þitt.

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ð

🎨