Unesite boju kao HEX, RGB ili HSL — ili je izaberite uzorkom — i vidite je u sva tri formata odjednom, uz živi pregled. Providnost (alfa) je podržana svuda. Sve se računa u vašem pregledaču.
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
Povratni put može pomeriti vrednost za jednu jedinicu — to je normalno celobrojno zaokruživanje boja. Alfa se čuva u svim formatima.
Kako radi
Šta god otkucate parsira se u kanale crvene, zelene i plave (0–255) plus alfu od 0 do 1. HEX prihvata oblike od 3, 4, 6 i 8 cifara; rgb()/rgba() i hsl()/hsla() se čitaju sa ili bez alfe. Iz te jedne unutrašnje boje alat izvodi HEX, RGB i HSL nizove koje vidite.
HSL se računa standardnim formulama: nijansa je ugao na točku boja (0–360°), zasićenost i svetlina su procenti. Pošto RGB ima 256 nivoa po kanalu, a HSL zaokružuje na cele stepene i procente, povratni put može da se pomeri za jednu jedinicu — normalno za celobrojnu matematiku boja i nevidljivo na ekranu.
Primeri iz prakse
HEX u ostale
#ff0000 postaje rgb(255, 0, 0) i hsl(0, 100%, 50%). Kopirajte onaj koji vaš stil ili alat za dizajn očekuje.
Očuvanje providnosti
rgba(255, 255, 255, 0.5) pretvara se u osmocifreni heks #ffffff80 i hsla(0, 0%, 100%, 0.5) — alfa preživljava u svakom formatu.
Podešavanje svetline u HSL-u
Krenite od brend plave, pročitajte njen HSL, pa podesite broj svetline da napravite svetliju ili tamniju nijansu — o HSL-u je mnogo lakše razmišljati nego o pomeranju heks cifara.
Česta pitanja
Koji formati unosa se prihvataju?
HEX (#rgb, #rgba, #rrggbb, #rrggbbaa, sa ili bez #), rgb() i rgba(), i hsl() i hsla(). Razmaci, zarezi i sintaksa sa kosom crtom za alfu — sve radi.
Da li podržava providnost?
Da. Alfa kanal se čuva u sva tri formata: pojavljuje se kao poslednje dve heks cifre, kao četvrta vrednost u rgba() i kao četvrta vrednost u hsla().
Zašto se moja boja pomerila za jedan nakon konverzije?
RGB koristi cele brojeve 0–255, a HSL zaokružuje na cele stepene i procente, pa pretvaranje tamo-amo može pomeriti kanal za jednu jedinicu. To je artefakt zaokruživanja celobrojnih prostora boja i nije vidljiv oku.
Koja je razlika između HSL i RGB?
RGB meša crveno, zeleno i plavo svetlo. HSL opisuje istu boju kao nijansu (koja boja), zasićenost (koliko živa) i svetlinu (koliko svetla), što je često intuitivnije za pravljenje tonova i nijansi.
Mogu li koristiti birač boja umesto kucanja?
Da. Uzorak levo otvara birač boja vašeg operativnog sistema; izbor boje popunjava polje njenim heksom, a ostali formati se odmah ažuriraju. Napomena: sam nativni birač ne obrađuje alfu.
Šta znače oblici heksa od 4 i 8 cifara?
Uključuju alfu. #rgba je skraćeni oblik gde se svaka cifra udvostručuje, a #rrggbbaa ispisuje alfu kao sopstveni bajt — pa je #ff000080 crvena sa oko 50% neprozirnosti.
Da li su podržana imenovana boja poput „red“?
Trenutno ne — alat se fokusira na numeričke formate. Unesite crvenu kao #ff0000, rgb(255,0,0) ili hsl(0,100%,50%).
Da li se moja boja negde šalje?
Ne. Sve parsiranje i konverzija se dešavaju u vašem pregledaču, pa se ništa što unesete ne šalje.
Srodni alati
Generator hash vrednosti
Generišite SHA-1, SHA-256, SHA-384 i SHA-512 heš vrednosti teksta u pregledaču pomoću Web Crypto API-ja.
Alati za programere
HTML entiteti
Kodirajte tekst u HTML entitete ili dekodirajte imenovane, decimalne i heks entitete nazad u znakove. U pregledaču.
Alati za programere
JSON formatiranje
Ulepšajte, proverite ili minifikujte JSON u pregledaču — uz jasne poruke o greškama. Ništa se ne šalje.
Alati za programere
Konverter brojevnih sistema
Pretvarajte cele brojeve između binarnog, oktalnog, decimalnog i heksadecimalnog odjednom. BigInt precizno, u pregledaču.
Matematika i obrazovanje
Kalkulator boje
Izračunajte koliko litara boje treba iz površine zidova, broja slojeva i pokrivenosti. Radi u pregledaču.
Građevina i dom
Base64 kodiranje i dekodiranje
Kodirajte tekst u Base64 ili ga dekodirajte nazad, bezbedno za UTF-8 i URL varijantu. Radi u potpunosti u pregledaču.
Alati za programere