Fara beint í aðalefni
LibraTool logoLibraTool

Litabreytir — ókeypis

Breyttu litum á milli HEX, RGB, HSL, HSV og CMYK sniðs samstundis. Inniheldur birtustig og forstillt sýnishorn.

Virkar án nettengingar eftir hleðslu

Breyttu lit á milli HEX, RGB, HSL, HSV og CMYK — með lifandi forskoðun og einföldri afritun. Allt keyrist í vafranum þínum.

Tekur við: HEX (#fff eða #ffffff), RGB (255, 255, 255) eða HSL (360, 100%, 50%)

100%
Forstillingar:
HEX#14B8A6
rgb() · eldrirgb(20, 184, 166)
rgb() · nútímlegrgb(20 184 166)
hsl() · eldrihsl(173, 80%, 40%)
hsl() · nútímleghsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB gildi20, 184, 166

WCAG andstæðu

Á hvítum bakgrunni

2,49:1

Bil

Á svörtum bakgrunni

8,44:1

AAA
🖨️ Fyrir prentun: Þessir CMYK-gildi (89%, 0%, 10%, 28%) eru staðlað sRGB→CMYK nálgun til viðmiðunar. Fyrir nákvæma prentunarlit, notaðu ICC-snið prentarans þíns eða prentuð sannprófun — CMYK á skjá getur ekki passað hverjum blek/pappír.

Birtustig

Smelltu á hvaða litasýni sem er til að skipta yfir í þann blæ

Algeng notkun

  • Breyttu litum fyrir vefhönnunFá HEX, RGB og HSL gildi fyrir hvaða lit sem er — tilbúið til að líma inn í CSS eða Tailwind.
  • Breyttu litum fyrir prentun (CMYK)Breyttu skjá litum (HEX/RGB) til CMYK gilda til notkunar í prentun hönnun og faglegri prentvél.
  • Byggðu litapaletta fyrir hönnun kerfiBreyttu vörumerkis litum yfir allar snið og framleiddu samræmda logn scales fyrir fullum hönnun kerfi.
  • Athugaðu litasamhverfningu fyrir aðgengiBreyttu litum til að fá RGB gildi fyrir notkun í andstöðu hlutfall verkfæri — WCAG regluvörslu fyrir aðgengilega hönnun.
  • Breyttu litum fyrir FigmaFå nákvæm HEX og RGB gildi til að lima til Figma lita velja og hönnun tákn kerfi.

Hvernig það virkar

Öll breytingarökfræði er handskrifað JavaScript sem keyrir alfarið í vafranum þínum — ekkert bókasafn, ekkert netþjónskall. Tólið þáttar inntakið þitt, beinir því gegnum keðju hreinna stærðfræðifalla, og framleiðir samtímis ellefu úttakssnið þar á meðal nútíma CSS Color 4 svæðin oklch() og lab().

  1. 1
    Sveigjanlegt inntaksþáttun
    Sérsniðinn þáttari tekur við hex (3, 4, 6, eða 8 stafi), rgb()/rgba(), hsl()/hsla() bæði í gamalli kommu-setningafræði og nútíma bil-setningafræði, og hreinum talnaþríliðum. Alfagildi sem tugabrot eða prósentur eru normaliseruð á 0–1 sviðið áður en nokkur breyting hefst.
  2. 2
    RGB sem breytingamiðja
    Hvert samþykkt snið er fyrst leyst upp í kanónískan RGB-þríliða. Frá þeirri einu framsetningu dreifist tólið: HSL og HSV nota staðlaðar min/max/chroma formúlur; CMYK er leitt út með því að finna lykilrásina; og sRGB línulögnun (stykkjótta gammakúrfan skilgreind í IEC 61966-2-1) er beitt fyrir skynjunarrýmisútreikningana.
  3. 3
    Skynjunarlitrými reiknuð frá grunni
    oklch() er reiknað með viðmiðunar 3×3 fylkjum Björn Ottosson (LMS teningsrót-rými). lab() og lch() nota Bradford litfræðilega aðlögun til að breyta úr D65 hvítpunkti í D50, sem passar við hvernig CSS Color 4 skilgreinir lab(). Þetta eru sömu formúlur og notaðar eru í myndgerðarvélum vafra — útfærðar hér án nokkurs ytra háðs.
  4. 4
    WCAG kontrast og birtustigull
    Hlutfallsleg birta er reiknuð samkvæmt WCAG 2.1 formúlunni (línulögð R, G, B vegin 0,2126/0,7152/0,0722) og kontrasthlutfallið gegn hvítu og svörtu er einkunnargefið AA-stórt, AA, AAA, eða Fall. Níu-þrepa birtustrimla er myndaður með því að stíga HSL-birturásina frá 10% til 90%, sem leyfir þér að smella á hvaða sýnishorn sem er til að breyta þeim tón.

Tengd verkfæri

🎨

Litavals- og litavalara

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

Prófaðu það
🎨

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ð
🎨

Litapalettusmiður

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.

Prófaðu það

Algengar spurningar