Neidio i'r prif gynnwys
LibraTool logoLibraTool

Trawsnewidydd Lliw am ddim

Trawsnewidwch liwiau rhwng fformatau HEX, RGB, HSL, HSV, a CMYK ar unwaith. Yn cynnwys graddfa goleuder a swatch rhagosodedig.

Yn gweithio all-lein ar ôl llwytho

Trosi lliw rhwng HEX, RGB, HSL, HSV a CMYK — gyda rhagolwg byw a chliciad un-tap i gopïo. Popeth yn rhedeg yn eich porwr.

Yn derbyn: HEX (#fff neu #ffffff), RGB (255, 255, 255), neu HSL (360, 100%, 50%)

100%
Rhagosodiadau:
HEX#14B8A6
rgb() · heriaethrgb(20, 184, 166)
rgb() · modernrgb(20 184 166)
hsl() · heriaethhsl(173, 80%, 40%)
hsl() · modernhsl(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%)
Gwerthoedd RGB20, 184, 166

Cyferbyniad WCAG

Ar gefndir gwyn

2.49:1

Methu

Ar gefndir du

8.44:1

AAA
🖨️ Ar gyfer argraffu: Mae'r gwerthoedd CMYK hyn (89%, 0%, 10%, 28%) yn frasamcan sRGB→CMYK safonol ar gyfer cyfeiriadaeth. Ar gyfer lliw argraffu cywir, defnyddiwch broffil ICC eich argraffydd neu brawf argraffedig — nid yw CMYK ar y sgrin yn gallu paru â phob inc/papur.

Graddfa oleuni

Cliciwch unrhyw sampl i newid i'r arlliw hwnnw

Defnyddiau cyffredin

  • Trosi Lliwiau ar gyfer Dylunio GweCael gwerthoedd HEX, RGB, a HSL ar gyfer unrhyw liw — parod i'w ludo i CSS neu Tailwind.
  • Trosi Lliwiau ar gyfer Argraffu (CMYK)Troswch liwiau sgrin (HEX/RGB) i werthoedd CMYK ar gyfer defnydd mewn dylunio print a phrintio proffesiynol.
  • Adeiladu Paletau Lliw ar gyfer Systemau DylunioTroswch liwiau'r brand dros holl fformatau a cynhyrchwch raddfeydd goleuedd cyson ar gyfer system ddylunio lawn.
  • Gwiriwch Gyferbyniad Lliw ar gyfer HygyrcheddTrosi lliwiau i gael gwerthoedd RGB ar gyfer defnydd mewn offer cymhareb cyferbyniad — cydymffurfiad WCAG ar gyfer cynllun hygyrch.
  • Trosi Lliwiau ar gyfer FigmaCael gwerthoedd HEX ac RGB union i'w pastio i mewn i ddewisyddion lliw Figma a systemau tocyn cynllun.

Sut Mae'n Gweithio

Mae'r holl resymeg drosi'n JavaScript wedi'i ysgrifennu â llaw sy'n rhedeg yn gyfan gwbl yn eich porwr — dim llyfrgell, dim galwad gweinydd. Mae'r offeryn yn dosrannu eich mewnbwn, ei lwybro drwy gadwyn o ffwythiannau mathemategol pur, ac ar yr un pryd yn cynhyrchu un fformat ar ddeg allbwn gan gynnwys gofodau modern CSS Color 4 oklch() a lab().

  1. 1
    Dosrannu mewnbwn hyblyg
    Mae dosrannwr personol yn derbyn hecs (3, 4, 6, neu 8 digid), rgb()/rgba(), hsl()/hsla() yn y gystrawen atalnod hen a chystrawen bwlch fodern, a thrioedd rhifiadol noeth. Mae gwerthoedd alffa fel degolion neu ganrannau'n cael eu normaleiddio i'r amrediad 0–1 cyn i unrhyw drosi ddechrau.
  2. 2
    RGB fel canolfan trosi
    Mae pob fformat a dderbynnir yn cael ei ddatrys i driphlyg RGB canonaidd yn gyntaf. O'r un cynrychioliad hwnnw mae'r offeryn yn ymledu: mae HSL a HSV yn defnyddio'r fformwlâu safonol min/max/chroma; deillir CMYK drwy ddod o hyd i'r sianel allweddol; a chymhwysir llinelliad sRGB (y gromlin gama darn-fesul-darn a ddiffinnir yn IEC 61966-2-1) cyn y cyfrifiadau gofod-canfyddadwy.
  3. 3
    Gofodau lliw canfyddadwy wedi'u cyfrifo o'r dechrau
    Cyfrifir oklch() gan ddefnyddio matricsau cyfeirnod 3×3 Björn Ottosson (gofod gwreiddyn-ciwb LMS). Mae lab() a lch() yn defnyddio addasiad cromatig Bradford i drosi o'r pwynt gwyn D65 i D50, sy'n cyfateb i sut mae CSS Color 4 yn diffinio lab(). Dyma'r un fformwlâu a ddefnyddir mewn injanau rendro porwr — wedi'u gweithredu yma heb unrhyw ddibyniaeth allanol.
  4. 4
    Cyferbyniad WCAG a graddfa goleuedd
    Cyfrifir goleuedd cymharol yn ôl fformiwla WCAG 2.1 (R, G, B llinellol wedi'u pwysoli 0.2126/0.7152/0.0722) a gradder y gymhareb gyferbyniad yn erbyn gwyn a du yn AA-large, AA, AAA, neu Fail. Cynhyrchir stribed goleuedd naw-cam drwy gamu sianel goleuedd HSL o 10% i 90%, gan adael i chi glicio unrhyw sampl i drosi'r arlliw hwnnw.

Offer Cysylltiedig

🎨

Codwr Lliw a Generadur Palet

Dewiswch liwiau, trosi rhwng HEX / RGB / HSL, a chynhyrchu paletau cytûn.

Rhowch gynnig arni
🎨

Generadur Lliwiau ar Hap

Cynhyrchwch liwiau ar hap un ar y tro neu fel palet o bump, cloi'r rhai rydych yn eu hoffi, copïo gwerthoedd HEX, RGB neu HSL ac allforio'r palet fel PNG neu CSS.

Rhowch gynnig arni
🎨

Generadur Palet Lliw

Cynhyrchwch baletau lliw cyfategol, analog, triadaidd, a monochromatig o unrhyw liw sylfaen. Copïo codau hex gydag un clic.

Rhowch gynnig arni

Cwestiynau Cyffredin