Utilia

Litaumbreytir

Umbreyttu hvaða lit sem er milli HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH og OKLCH. Límdu inn kóða, sjáðu litinn og afritaðu hvert snið með einum smelli.

Dæmi:

Umbreytingar

CMYK er einföld umbreyting án ICC-prófíls. Biddu prentsmiðjuna um umbreytingu með prófíl fyrir prentvinnu.

Hvernig á að nota litaumbreytinn

  1. Sláðu inn eða límdu lit í reitinn Inntak. Sniðið er greint sjálfkrafa: #FF6347, FF6347, rgb(255 99 71), 255, 99, 71, hsl(9 100% 64%), hsv(9, 72%, 100%), cmyk(0, 61, 72, 0), lab(63% 59 48), oklch(70% 0.2 32) eða nafn eins og tomato.
  2. Umbreytingarnar birtast um leið og þú skrifar. Þú getur líka ýtt á Enter eða smellt á Umbreyta.
  3. Skoðaðu litasýnið: það sýnir litinn og Greint snið, svo þú vitir hvernig inntakið var lesið.
  4. Smelltu á Afrita við hliðina á sniðinu sem þú þarft. Notaðu dæmahnappana til að prófa algengt inntak.

Umbreytingin fer öll fram í vafranum þínum.

Snið sem eru studd

Snið Dæmi Dæmigerð notkun
HEX #FF6347 HTML, CSS, hönnunarforrit
RGB rgb(255, 99, 71) CSS, kóði, myndvinnsla
HSL hsl(9, 100%, 64%) CSS, stilling á ljósleika
HSV / HSB hsv(9, 72%, 100%) Photoshop, Figma, litaveljarar
HWB hwb(9 28% 0%) CSS Color 4
CMYK cmyk(0%, 61%, 72%, 0%) prentun (sjá athugasemd hér að neðan)
LAB (D50) lab(62.99% 59.36 47.88) CSS lab(), litafræði
LCH lch(62.99% 76.27 38.89) CSS lch()
OKLCH oklch(69.62% 0.1955 32.32) nútíma CSS, hönnunarkerfi

Niðurstöður í HEX, RGB, HSL, HWB, LAB, LCH og OKLCH eru gild CSS sem þú getur límt beint í stílblað. HSV og CMYK eru ekki CSS-ritháttur og eru því skrifuð í hefðbundnu fallasniði til lesturs.

Ef inntakið þitt hefur gegnsæi (til dæmis rgb(255 0 0 / 50%)) heldur umbreytirinn því: HEX verður átta stafa kóði eins og #FF000080 og önnur snið fá alfagildi.

Hvernig umbreytingarnar virka

RGB, HEX, HSL, HSV og HWB eru mismunandi leiðir til að skrifa sömu sRGB-gildin og umbreytast því nákvæmlega (að námundun frátalinni). LAB og LCH fylgja skilgreiningu CSS Color 4, sem notar D50 hvítpunkt með Bradford-litaaðlögun. Sumir umbreytar á netinu nota D65 í staðinn og því geta LAB-tölur þeirra verið nokkrum einingum frábrugðnar fyrir sama lit. OKLCH notar Oklab-líkan Björns Ottosson, það sem vafrar nota fyrir oklch().

Þegar þú slærð inn LAB-, LCH- eða OKLCH-lit sem er of mettaður fyrir venjulegan skjá er hann utan sRGB-sviðsins og hefur ekkert HEX-jafngildi. Tólið sýnir þá skilaboð og færir hann í næsta lit sem hægt er að sýna með því að minnka litmettun (chroma) en halda ljósleika og litblæ.

CMYK er nálgun

CMYK-gildin nota einföldu formúluna K = 1 − max(R, G, B) og C = (1 − R − K) / (1 − K), og það sama fyrir M og Y. Enginn ICC-prófíll kemur við sögu, svo tölurnar spá ekki fyrir um hvað ákveðin prentvél prentar. Fyrir faglega prentvinnu skaltu umbreyta í umbrotsforritinu með prófílnum sem prentsmiðjan lætur í té (til dæmis FOGRA39 eða GRACoL). Umbreyting úr CMYK í RGB notar andhverfu formúluna, R = (1 − C)(1 − K).

Algengar spurningar

Hvernig umbreyti ég HEX í RGB í höndunum?

Skiptu kóðanum í þrjú pör og umbreyttu hverju úr grunntölu 16 í grunntölu 10. Fyrir #FF6347: FF = 255, 63 = 99, 47 = 71, svo liturinn er rgb(255, 99, 71).

Hver er munurinn á HSL og HSV?

Bæði nota litblæ sem horn og mettun, en þriðja gildi HSL er ljósleiki (50% er hreini liturinn, 100% er hvítt) en þriðja gildi HSV er gildi eða birta (100% er hreini liturinn eða hvítt, eftir mettun). Sami litur hefur því mismunandi mettunartölur í hvoru líkani.

Hvers vegna er LAB-gildið mitt öðruvísi en hjá öðrum umbreyti?

Líklegast vegna hvítpunktsins. Þetta tól notar D50, eins og CSS lab(). Umbreytar sem byggja á D65 gefa örlítið aðrar tölur. Báðar eru réttar miðað við sína viðmiðun.

Get ég umbreytt CMYK í HEX?

Já. Sláðu inn eitthvað eins og cmyk(0%, 61%, 72%, 0%) eða cmyk(0, 0.61, 0.72, 0). Hafðu í huga að niðurstaðan er nálgun án litaprófíls.

Tekur það við litum án #-táknsins?

Já. ff6347, f64 og jafnvel þrjár tölur aðgreindar með kommum, eins og 255, 99, 71, eru þekktar.