Preskoči na glavno vsebino
LibraTool logoLibraTool

Pretvornik barv — brezplačno

Takojšnje pretvarjajte barve med formati HEX, RGB, HSL, HSV in CMYK. Vključuje lestvico svetlosti in prednastavljene vzorčne slike.

Deluje brez povezave po nalaganju

Pretvorite barvo med HEX, RGB, HSL, HSV in CMYK — z živim predogledom in kopiranjem na en klik. Vse teče v vašem brskalniku.

Sprejema: HEX (#fff ali #ffffff), RGB (255, 255, 255) ali HSL (360, 100%, 50%)

100%
Prednastavitve:
HEX#14B8A6
rgb() · starejširgb(20, 184, 166)
rgb() · modernargb(20 184 166)
hsl() · starejšihsl(173, 80%, 40%)
hsl() · modernahsl(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 vrednosti20, 184, 166

WCAG kontrast

Na belém ozadju

2,49:1

Neuspešna

Na črnem ozadju

8,44:1

AAA
🖨️ Za tisk: Te vrednosti CMYK (89%, 0%, 10%, 28%) so standardni približek sRGB→CMYK za referenco. Za natančno barvo pri tisku uporabi ICC profil tiskača ali tiskan dokaz — zaslonske vrednosti CMYK ne morejo ujemati vsakega črnila/papirja.

Lestvica svetlosti

Kliknite vzorec za preklop na ta odtenek

Pogosta področja uporabe

  • Pretvorite barve za spletno oblikovanjeDobijte HEX, RGB in HSL vrednosti za katero koli barvo — pripravljeno za lepljenje v CSS ali Tailwind.
  • Pretvorite barve za tiskanje (CMYK)Pretvorite barve zaslona (HEX/RGB) v vrednosti CMYK za uporabo v oblikovanju tiska in profesionalnem tisku.
  • Ustvarite palete barv za sisteme oblikovanjaPretvorite blagovne znamke barve v vse formate in ustvarite dosledne lestvice svetilnosti za celoten sistem oblikovanja.
  • Preverite kontrast barve za dostopnostPretvorite barve, da dobite vrednosti RGB za uporabo v orodjih razmerja kontrasta — skladnost WCAG za dostopen dizajn.
  • Pretvorite barve za FigmoPridobite natančne vrednosti HEX in RGB za lepljenje v Figmove barvne izbiralce in sisteme žetonov za oblikovanje.

Kako deluje

Vsa logika pretvorbe je ročno napisan JavaScript, ki teče v celoti v vašem brskalniku — brez knjižnice, brez klica strežnika. Orodje razčleni vaš vnos, ga usmeri skozi verigo čistih matematičnih funkcij in hkrati ustvari enajst izhodnih oblik, vključno s sodobnima prostoroma CSS Color 4 oklch() in lab().

  1. 1
    Prilagodljivo razčlenjevanje vnosa
    Razčlenjevalnik po meri sprejema šestnajstiške vrednosti (3, 4, 6 ali 8 mest), rgb()/rgba(), hsl()/hsla() tako v starejši skladnji z vejicami kot v sodobni skladnji s presledki, in gole številčne trojke. Vrednosti alfa kot decimalke ali odstotki so pred začetkom pretvorbe normalizirane na razpon 0–1.
  2. 2
    RGB kot pretvorbeno stičišče
    Vsaka sprejeta oblika se najprej razreši v kanonično trojko RGB. Iz te ene predstavitve se orodje razveji: HSL in HSV uporabljata standardne formule min/maks/kroma; CMYK se izpelje z iskanjem ključnega kanala; linearizacija sRGB (odsekovna krivulja gama, definirana v IEC 61966-2-1) pa se uporabi pred izračuni v zaznavnem prostoru.
  3. 3
    Zaznavni barvni prostori, izračunani od začetka
    oklch() se izračuna z uporabo referenčnih matrik 3×3 Björna Ottossona (kubični koren LMS). lab() in lch() uporabljata Bradfordovo kromatično prilagoditev za pretvorbo iz bele točke D65 v D50, kar ustreza temu, kako CSS Color 4 definira lab(). To so iste formule, ki se uporabljajo v pogonih izrisovanja brskalnikov — tukaj implementirane brez kakršne koli zunanje odvisnosti.
  4. 4
    Kontrast WCAG in lestvica svetlosti
    Relativna svetlost se izračuna po formuli WCAG 2.1 (linearizirani R, G, B, uteženi 0,2126/0,7152/0,0722), razmerje kontrasta proti beli in črni pa je ocenjeno kot AA-veliko, AA, AAA ali Neuspešno. Devetstopenjski trak svetlosti se ustvari s korakanjem kanala svetlosti HSL od 10 % do 90 %, kar vam omogoča klik na kateri koli vzorec za pretvorbo tega odtenka.

Sorodna orodja

🎨

Izbirnik barv in generator palet

Izberite barve, pretvorite med HEX/RGB/HSL in ustvarite harmonične palete.

Poskusite
🎨

Generator naključnih barv

Ustvarjajte naključne barve posamično ali kot paleto petih, zaklenite tiste, ki so vam všeč, kopirajte vrednosti HEX, RGB ali HSL in izvozite paleto kot PNG ali CSS.

Poskusite
🎨

Generator barvne palete

Ustvarite komplementarne, analogne, triadne in monohromatske barvne palete iz katere koli osnovne barve. Kopirajte šestnajstiške kode z enim klikom.

Poskusite

Pogosto zastavljena vprašanja