Konvertues Ngjyrash Falas

Konvertoni ngjyra mes formateve HEX, RGB, HSL, HSV dhe CMYK menjëherë. Përfshin një shkallë ndriçimi dhe mostra të gatshme.

Funksionon jashtë linje sapo ngarkohet

Konvertoni një ngjyrë mes HEX, RGB, HSL, HSV dhe CMYK — me pamje paraprake të drejtpërdrejtë dhe kopjim me një prekje. Gjithçka funksionon në shfletuesin tuaj.

Pranon: HEX (#fff ose #ffffff), RGB (255, 255, 255), ose HSL (360, 100%, 50%)

100%
Paracaktime:
HEX#14B8A6
rgb() · i vjetërrgb(20, 184, 166)
rgb() · modernrgb(20 184 166)
hsl() · i vjetërhsl(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%)
Vlerat RGB20, 184, 166

Kontrasti WCAG

Në sfond të bardhë

2.49:1

Dështoi

Në sfond të zi

8.44:1

AAA
🖨️ Për printim: Këto vlera CMYK (89%, 0%, 10%, 28%) janë një përafrim standard sRGB→CMYK për referencë. Për ngjyra printimi të sakta, përdor profilin ICC të printerit tënd ose një provë të printuar — CMYK në ekran nuk mund të përputhet me çdo bojë/letër.

Shkalla e ndriçueshmërisë

Klikoni çdo mostër për të kaluar te ai nuancë

Si funksionon

E gjithë logjika e konvertimit është JavaScript i shkruar me dorë që funksionon tërësisht në shfletuesin tënd — pa bibliotekë, pa thirrje serveri. Mjeti analizon hyrjen tënde, e drejton përmes një zinxhiri funksionesh të pastra matematike, dhe njëkohësisht prodhon njëmbëdhjetë formate dalëse përfshirë hapësirat moderne CSS Color 4 oklch() dhe lab().

  1. 1
    Analizim fleksibël i hyrjes
    Një analizues i personalizuar pranon heks (3, 4, 6, ose 8 shifra), rgb()/rgba(), hsl()/hsla() si në sintaksën e vjetër me presje ashtu edhe në sintaksën moderne me hapësira, dhe trefisha numerikë të thjeshtë. Vlerat alfa si dhjetore ose përqindje normalizohen te intervali 0–1 para se të fillojë çdo konvertim.
  2. 2
    RGB si qendra e konvertimit
    Çdo format i pranuar zgjidhet fillimisht në një trefish kanonik RGB. Nga ajo përfaqësi e vetme mjeti shpërndahet: HSL dhe HSV përdorin formulat standarde min/max/chroma; CMYK nxirret duke gjetur kanalin kryesor; dhe linearizimi sRGB (kurba gama pjesë-pjesë e përcaktuar në IEC 61966-2-1) zbatohet para llogaritjeve të hapësirës perceptuese.
  3. 3
    Hapësira perceptuese ngjyrash e llogaritur nga e para
    oklch() llogaritet duke përdorur matricat referuese 3×3 të Björn Ottosson-it (hapësira rrënjë-kubike LMS). lab() dhe lch() përdorin adaptim kromatik Bradford për të konvertuar nga pika e bardhë D65 në D50, gjë që përputhet me mënyrën si CSS Color 4 e përcakton lab(). Këto janë të njëjtat formula të përdorura në motorët e vizatimit të shfletuesve — të zbatuara këtu pa asnjë varësi të jashtme.
  4. 4
    Kontrasti WCAG dhe shkalla e ndriçimit
    Ndriçimi relativ llogaritet sipas formulës WCAG 2.1 (R, G, B të linearizuara të peshuara 0.2126/0.7152/0.0722) dhe raporti i kontrastit kundrejt të bardhës dhe të zezës vlerësohet AA-e madhe, AA, AAA, ose Dështoi. Një shirit nëntë-hapash ndriçimi gjenerohet duke lëvizur kanalin e ndriçimit HSL nga 10% te 90%, duke të lejuar të klikosh çdo mostër për ta konvertuar atë nuancë.

Mjete të ngjashme

Pyetjet e bëra më shpesh