Preskoči na sadržaj
(+381) 60 3535 720
Moj nalog
BeoHosting
BeoHosting
Moj nalogKontakt
(+381) 60 3535 720
 

Free tool for web designers

Color Converter — HEX, RGB, HSL Color Converter

Convert colors between HEX, RGB and HSL formats. Live preview, color picker, RGB sliders and 20 most popular colors. Everything local in the browser.

Convert colorHosting plans
TL;DR

How to use the Color Converter for HEX, RGB and HSL?

The Color Converter converts a color between 3 standard web formats in 3 steps: 1) Enter a value in any format — HEX (#FFCB05), RGB (rgb(255, 203, 5)) or HSL (hsl(48, 100%, 51%)). 2) The tool automatically calculates the other two formats + shows a live preview. 3) Copy the desired format or use the RGB sliders for fine-tuning. When to use which format: HEX for CSS and HTML, RGB for JavaScript canvas, HSL for semantic variations (lighter/darker shade). Everything is calculated locally in the browser.

  • 3 formats — HEX, RGB, HSL — with live preview
  • RGB sliders for fine-tuning red/green/blue
  • 20 most popular colors as a quick picker
  • Local in the browser — without sending to the server

BeoHosting Team

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

Poslednje ažurirano:

Color Converter

Unesite boju u HEX, RGB ili HSL formatu — alat automatski konvertuje u sva tri formata.

Pregled

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

RGB slideri

R (crvena)255
G (zelena)203
B (plava)5

20 najčešćih boja

Privatnost: Sve konverzije se vrše lokalno u pregledacu pomoću JavaScript matematickih funkcija. Vaše boje se NE šalju na server.

Guide

HEX, RGB and HSL — when to use which format

The HEX format (#FFCB05) is the most common in CSS and HTML — compact and readable. Six hex characters represent 3 bytes (red/green/blue components of 0-255 each). There is also a shortened 3-character notation (#FA0 = #FFAA00) for colors with repeated pairs.

RGB — Red Green Blue

The RGB format uses 3 decimal numbers from 0 to 255 (rgb(255, 203, 5)). Ideal for the JavaScript canvas API, programmatic color generation and alpha channel (rgba). RGB is intuitive when mixing primary colors, but not suitable for variations of the same color.

HSL — Hue Saturation Lightness

HSL separates a color into 3 components: Hue (0-360°, where red=0, green=120, blue=240), Saturation (0-100%) and Lightness (0-100%). Ideal for themes and palettes — change only Lightness for a hover state, or only Hue for secondary colors.

Related tools and services

HTML Minifier.htaccess GeneratorMeta Tag AnalyzerJSON FormatterBase64 EnkoderGenerator LozinkiCSS u vašem sajtuWordPress HostingProveri brzinu sajtaKontakt

Spremni da pokrenete svoj sajt?

SSL zaštita
Brzina
24/7 podrška

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

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

Frequently asked questions - Color Converter

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

HEX (hexadecimal) is the standard CSS color notation in the form #RRGGBB. Each two-digit hexadecimal value (00-FF) represents one of three components: red (RR), green (GG), blue (BB). For example, #FFCB05 means R=255, G=203, B=5 — the yellow color of the BeoHosting brand.

The RGB format is used when you need an alpha channel (transparency) — rgba(255, 203, 5, 0.5) — or when you programmatically generate colors in the JavaScript canvas API, where numeric values are more convenient. HEX is more compact for static CSS, while RGB is more readable for dynamic values.

HSL separates the color into three intuitive components: Hue, Saturation, Lightness. To make a hover state, reduce Lightness by 5-10% without changing the hue. To make a secondary color, change only the Hue by 30-60°. RGB and HEX require complex math for the same results.

Yes, since 2018 all modern browsers (Chrome 62+, Firefox 49+, Safari 10+) support 8-character HEX with an alpha channel: #FFCB0580 means 50% transparency. For old browsers (IE), use rgba(), which has universal support.

No. All conversions are performed locally in your browser using JavaScript math functions. Your colors are NOT sent to the server or stored in a database. Everything is 100% private and works offline.

Naše garancije za vaš mir

Zaštićeni ste sa svake strane

15 dana garancije

Vraćamo novac bez pitanja u prvih 15 dana.

Besplatna migracija

Mi prebacimo vaš sajt bez prekida — vi ništa ne radite.

24/7 podrška

Naši stručnjaci su tu 24/7 kroz tikete i live chat.