Preskoči na sadržaj
Pustili smo novi sajt sa mnogo novih opcija — AI Builder uskoro
BeoHosting
BeoHosting

Besplatan alat za dizajnere

Color Converter - Konvertujte Boje (HEX/RGB/HSL)

Konvertujte boje između HEX, RGB i HSL formata u realnom vremenu. Pregled boje uzivo, kopiranje jednim klikom i referenca popularnih web boja. Sve lokalno u pregledacu.

TL;DR

Kako koristiti Color Converter za konverziju boja?

Color Converter pretvara boju između HEX, RGB i HSL formata u 3 koraka: 1) Unesite boju u bilo kom formatu — HEX (#FFCB05), rgb(255,203,5) ili hsl(48,100%,51%). 2) Alat automatski izračuna sva tri formata i prikaže boju uzivo. 3) Kopirajte željeni format jednim klikom. Dodatno: RGB klizaci za fino podesavanje (R/G/B 0-255), 20 popularnih web boja kao preset, vizuelni preview na 200px swatch-u. Korisno za: CSS varijable (--primary: #FFCB05), Figma/Adobe XD dizajn, paleta boja po pravilu 60-30-10, WCAG kontrast za pristupačnost. Sve konverzije se izvršavaju lokalno u pregledacu — nista se ne šalje na server. BeoHosting hosting od 458 RSD/mes podržava sve moderne CSS3 features (custom properties, gradients, filters) i Web fontove.

  • Tri formata u jednom — HEX, RGB i HSL sa instant konverzijom
  • RGB klizaci za fino podesavanje + 20 preset boja
  • Pregled boje uzivo + kopiranje jednim klikom
  • BeoHosting hosting za dizajnere od 458 RSD/mes (CSS3, fontovi)

BeoHosting Tim

10+ godina iskustva — Stručnjaci za web hosting i infrastrukturu

Poslednje ažurirano:

Color Converter

Unesite boju u bilo kom formatu (HEX, RGB ili HSL) i dobijte konverziju u svim formatima.

Pregled boje

#FFCB05
#FFCB05
rgb(255, 203, 5)
hsl(48, 100%, 51%)

RGB Klizaci

R (Crvena)255
G (Zelena)203
B (Plava)5

Popularne web boje

Privatnost: Sve konverzije se vrse isključivo u vašem pregledacu. Nista se ne šalje na server niti se čuva. Vaši podaci su potpuno sigurni.

Vodič za dizajnere

Boje na webu - HEX, RGB i HSL formati

Razumevanje formata boja je osnova web dizajna. CSS podržava više formata za definisanje boja, a svaki ima svoje prednosti. Izbor formata zavisi od konteksta - da li radite na dizajnu, programiranju ili optimizaciji CSS-a.

HEX format (#RRGGBB)

HEX (heksadecimalni) format je najčešći u web dizajnu. Koristi 6 heksadecimalnih cifara za definisanje crvene, zelene i plave komponente. Može se skratiti na 3 cifre kada su parovi isti (#FF0000 = #F00). Alati za dizajn poput Figma i Adobe XD primarno koriste HEX format.

Prakticna primena na vašem sajtu

Na BeoHosting hosting paketima možete hostovati sajt sa potpuno prilagodjenim dizajnom. Koristite CSS varijable (custom properties) za definisanje palete boja jednom, pa ih referencirajte kroz ceo sajt. To olakšava promenu teme i održavanje konzistentnog dizajna.

Spremni da pokrenete svoj sajt?

SSL zaštita
Brzina
24/7 podrška

Pridružite se 4.000+ zadovoljnih korisnika u Srbiji. Besplatna migracija i 15 dana garancije povrata novca.

15 dana garancija povrata novca
Besplatna migracija15 dana garancija24/7 podrška

Često postavljana pitanja - Color Converter

Odgovori na najčešća pitanja o našim uslugama.

HEX koristi heksadecimalne brojeve (#RRGGBB) i najčešći je format u CSS-u. RGB definiše boju pomoću intenziteta crvene, zelene i plave komponente (0-255). HSL koristi nijansu (0-360 stepeni), zasićenost i svetlinu (0-100%), što je intuitivnije za ljude jer odgovara načinu na koji percipiramo boje.

HEX je standard za web dizajn i CSS jer je kompaktan i široko podržan. RGB je koristan za programsko manipulisanje bojama i canvas elemente. HSL je idealan za dizajnere jer je lako napraviti varijačije boje promenom samo jedne komponente - npr. svetliju verziju iste nijanse povećanjem lightness vrednosti.

Alfa kanal definise prozirnost boje, od 0 (potpuno providna) do 1 (potpuno neprozirna). U CSS-u se koriste formati rgba() i hsla() za boje sa transparentnoscu. HEX format takođe podržava alfa kanal sa 8 cifara (#RRGGBBAA). Ovaj alat trenutno radi sa punim (neprozirnim) bojama.

CSS named colors (npr. "red", "blue", "tomato") su unapred definisani nazivi koji se mapiraju na konkretne HEX vrednosti. Postoji 147 imenovanih boja u CSS specifikaciji. One su prakticne za brzo prototipiranje, ali za precizan dizajn uvek koristite HEX, RGB ili HSL vrednosti.

Preporučujemo pravilo 60-30-10: 60% dominantna boja (pozadina), 30% sekundarna boja (sekcije, kartice) i 10% akcentna boja (dugmici, linkovi). Koristite HSL format za kreiranje varijačija - ista nijansa sa različitom svetlinom i zasicenoscu daje harmonican palet. Uvek proverite kontrast za pristupačnost (WCAG standardi).

Bez rizika, sa punom podrškom

Vaše zadovoljstvo je naš prioritet.

15 dana garancija

Garancija vraćanja novca bez postavljanja pitanja u prvih 15 dana. Bez rizika.

Besplatna migracija

Besplatno prebacujemo vaš sajt sa starog hostinga. Bez prekida u radu.

24/7 Podrška

Non-stop tehnička podrška na srpskom jeziku putem chata, emaila i telefona.