Kako da pretvorim HEX boju u RGB i HSL?

Otkucajte ili nalepite boju u Unos boje, na primer #14b8a6, ili koristite birač boja. Alat prikazuje HEX, rgb(), hsl(), hsv() i cmyk() vrednosti, plus oklch(), lab() i lch(), svaku sa dugmetom Kopiraj.

Koje formate boja mogu da unesem?

HEX sa 3, 4, 6 ili 8 cifara, rgb() ili rgba(), hsl() ili hsla() u sintaksi sa zarezima ili razmacima, i čiste trojke brojeva. Ako unos nije prepoznat, alat prikazuje grešku pri parsiranju.

Mogu li da konvertujem boje sa providnošću?

Da. Koristite kontrolu Neprozirnost ili unesite alfa vrednost u unos. Izlazi zatim uključuju alfa kanal, kao što je 8-cifreni HEX, rgba() ili alfa sa kosom crtom u modernoj sintaksi.

Da li su CMYK vrednosti tačne za štampu?

Ne, to je standardna aproksimacija iz sRGB u CMYK, prikazana u odeljku Za štampu. Za tačnu boju u štampi koristite profil boja svog štampača ili zatražite probni otisak, jer se jarke boje sa ekrana često štampaju bleđe.

Kako da proverim da li moja boja ima dovoljno kontrasta za tekst?

Pogledajte odeljak WCAG kontrast. Prikazuje odnos kontrasta vaše boje na beloj i na crnoj, ocenjen kao AAA, AA, AA Veliki ili Neuspešno. Skala svetline nudi svetlije ili tamnije nijanse za probu.

Da li je zaista besplatno?

Da. Svaka alatka je besplatna za korišćenje, bez naloga i bez kreditne kartice. Obrada se obavlja na vašem uređaju, a ne na našim serverima, što omogućava da ostane besplatna.

Da li radi na mobilnim uređajima?

Da. Radi u aktuelnim mobilnim pregledačima na iOS-u i Androidu, bez instalacije.

🎨

Konvertor boja — besplatno

Konvertujte boje između HEX, RGB, HSL, HSV i CMYK formata trenutno. Uključuje skalu svetlosti i unapred definisane uzorke.

Radi u pregledačuBez registracije, bez iskačućih prozoraNije potrebna prijavaBesplatno zauvek

Radi van mreže kada se učita

Konvertujte boju između HEX, RGB, HSL, HSV i CMYK — sa živom pretpregledom i kopiranjem jednim dodirom. Sve se izvršava u vašem pregledniku.

Unos boje

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

Neprozirnost100%

Unapred podešeni:

HEX#14B8A6

rgb() · nasleđergb(20, 184, 166)

rgb() · modernorgb(20 184 166)

hsl() · nasleđehsl(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 vrednosti20, 184, 166

WCAG kontrast

Na beloj pozadini

2,49:1

Neuspešno

Na crnoj pozadini

8,44:1

AAA

🖨️ Za štampu: Ove CMYK vrednosti (89%, 0%, 10%, 28%) su standardna sRGB→CMYK aproksimacija za referencu. Za tačnu boju štampe koristite ICC profil svog štampača ili probni otisak — CMYK na ekranu ne može odgovarati svakoj kombinaciji mastila i papira.

Skala svetline

Kliknite na uzorak da biste prešli na tu nijansu

Uobičajene upotrebe

Konvertujte boje za Web dizajnDobijte HEX, RGB i HSL vrednosti za bilo koju boju — spremne za lepljenje u CSS ili Tailwind.
Konvertujte boje za štampu (CMYK)Konvertujte boje ekrana (HEX/RGB) na CMYK vrednosti za upotrebu u dizajnu štampe i stručnoj štampi.
Kreirajte palete boja za sisteme dizajnaKonvertujte boje marke u sve formate i kreirajte konzistentne svetlosne skale za kompletan sistem dizajna.
Proverite kontrast boja za pristupačnostKonvertujte boje da dobijete RGB vrednosti za korišćenje u alatima omere kontrasta — WCAG usklađenost za pristupačan dizajn.
Konvertujte boje za FigmaDobijte tačne HEX i RGB vrednosti za nalepljivanje u Figma pilerima boja i sistemima žetona dizajna.

Kako funkcioniše

Sva logika konverzije je ručno napisan JavaScript koji se u potpunosti izvršava u vašem pregledaču — bez biblioteke, bez poziva serveru. Alatka parsira vaš unos, usmerava 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
Fleksibilno parsiranje unosa
Prilagođeni parser prihvata heksadecimalno (3, 4, 6, ili 8 cifara), rgb()/rgba(), hsl()/hsla() i u starijoj sintaksi sa zarezima i u modernoj sintaksi sa razmacima, i gole brojčane trojke. Vrednosti alfa kao decimale ili procenti se normalizuju na opseg 0–1 pre nego što bilo kakva konverzija počne.
2
RGB kao čvor konverzije
Svaki prihvaćeni format se prvo razrešava u kanonsku RGB trojku. Iz te jedne reprezentacije alatka se grana: HSL i HSV koriste standardne formule min/maks/hrome; CMYK se izvodi pronalaženjem key kanala; i linearizacija sRGB (delimična gama kriva definisana u IEC 61966-2-1) se primenjuje pre izračunavanja perceptualnih prostora.
3
Perceptualni prostori boja izračunati od nule
oklch() se izračunava koristeći referentne 3×3 matrice Björna Ottosona (LMS prostor kubnog korena). lab() i lch() koriste Bradford hromatsku adaptaciju da konvertuju iz D65 bele 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 pregledača — ovde implementirane bez ikakve spoljne zavisnosti.
4
WCAG kontrast i skala osvetljenosti
Relativna luminanca se izračunava prema WCAG 2.1 formuli (linearizovani R, G, B ponderisani 0,2126/0,7152/0,0722) i odnos kontrasta naspram bele i crne se ocenjuje kao AA-veliki, AA, AAA, ili Neuspeh. Traka osvetljenosti od devet koraka se generiše koračanjem HSL kanala osvetljenosti od 10% do 90%, omogućavajući vam da kliknete na bilo koji uzorak da konvertujete tu nijansu.

Slične alatke

🎨

Birač boja i generator palete

Birajte boje, konvertujte između HEX/RGB/HSL i generišite harmonične palete.

Isprobajte

🎨

Generator nasumičnih boja

Generišite nasumične boje jednu po jednu ili kao paletu od pet, zaključajte one koje vam se sviđaju, kopirajte HEX, RGB ili HSL vrednosti i izvezite paletu kao PNG ili CSS.

Isprobajte

🎨

Generator palete boja

Generišite komplementarne, analogne, trijadne i monohromatske palete boja iz bilo koje osnovne boje. Kopirajte hex kodove jednim klikom.

Isprobajte

Konvertor boja — besplatno

Uobičajene upotrebe

Kako funkcioniše

Slične alatke

Birač boja i generator palete

Generator nasumičnih boja

Generator palete boja

Česta pitanja