Besplatan Konverter boja

Pretvorite boje između formata HEX, RGB, HSL, HSV i CMYK trenutno. Uključuje skalu osvijetljenosti i unaprijed definisane uzorke.

Radi offline nakon učitavanja

Pretvorite boju između HEX, RGB, HSL, HSV i CMYK formata — uz prikaz uživo i kopiranje jednim dodirom. Sve se izvršava u vašem pregledniku.

Prihvata: HEX (#fff ili #ffffff), RGB (255, 255, 255) ili HSL (360, 100%, 50%)

100%
Predefinisano:
HEX#14B8A6
rgb() · zastarjelorgb(20, 184, 166)
rgb() · modernorgb(20 184 166)
hsl() · zastarjelohsl(173, 80%, 40%)
hsl() · modernohsl(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 vrijednosti20, 184, 166

WCAG kontrast

Na bijeloj pozadini

2.49:1

Neuspjeh

Na crnoj pozadini

8.44:1

AAA
🖨️ Za štampu: Ove CMYK vrijednosti (89%, 0%, 10%, 28%) su standardna sRGB→CMYK aproksimacija za orijentaciju. Za tačnu boju za štampu koristite ICC profil vašeg štampača ili štampani probni otisak — CMYK na ekranu ne može odgovarati svakom mastilu/papiru.

Skala svjetline

Kliknite bilo koji uzorak za prelazak na tu nijansu

Kako radi

Sva logika konverzije je ručno napisan JavaScript koji radi u potpunosti u vašem pregledniku — bez biblioteke, bez poziva serveru. Alat raščlanjuje vaš unos, usmjerava ga kroz lanac čistih matematičkih funkcija, i istovremeno proizvodi jedanaest izlaznih formata uključujući moderne CSS Color 4 prostore oklch() i lab().

  1. 1
    Fleksibilno raščlanjivanje unosa
    Prilagođeni raščlanjivač prihvata heksadecimalno (3, 4, 6, ili 8 cifara), rgb()/rgba(), hsl()/hsla() u obje starije sintakse sa zarezima i modernoj sintaksi sa razmacima, i gole brojčane trojke. Vrijednosti providnosti kao decimale ili procenti se normalizuju u raspon 0–1 prije nego što konverzija počne.
  2. 2
    RGB kao čvorište konverzije
    Svaki prihvaćen format se prvo razrješava u kanonsku RGB trojku. Iz tog jedinog prikaza alat se granja: HSL i HSV koriste standardne min/max/chroma formule; CMYK se izvodi pronalaskom ključnog kanala; i sRGB linearizacija (dijelna gama kriva definisana u IEC 61966-2-1) se primjenjuje prije proračuna perceptualnog prostora.
  3. 3
    Perceptualni prostori boja izračunati od nule
    oklch() se izračunava koristeći referentne 3×3 matrice Björna Ottossona (LMS prostor korijena kuba). lab() i lch() koriste Bradfordovu hromatsku adaptaciju da pretvore iz D65 bijele tačke u D50, što odgovara tome kako CSS Color 4 definiše lab(). Ovo su iste formule koje se koriste u mehanizmima za iscrtavanje preglednika — implementirane ovdje bez ikakve vanjske zavisnosti.
  4. 4
    WCAG kontrast i skala svjetline
    Relativna svjetlina se izračunava prema WCAG 2.1 formuli (linearizovan R, G, B ponderisan 0,2126/0,7152/0,0722) i omjer kontrasta u odnosu na bijelu i crnu se ocjenjuje kao AA-veliki, AA, AAA, ili Neuspjeh. Traka od devet koraka svjetline se generiše pomjerajući HSL kanal svjetline od 10% do 90%, omogućavajući vam da kliknete bilo koji uzorak da pretvorite tu nijansu.

Povezani alati

Često postavljana pitanja