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

Kostenloses Tool für Webdesigner

Color Converter — HEX, RGB, HSL Farbkonverter

Konvertieren Sie Farben zwischen HEX, RGB und HSL Formaten. Live-Vorschau, Color Picker, RGB Slider und die 20 beliebtesten Farben. Alles lokal im Browser.

Farbe konvertierenHosting-Pakete
TL;DR

Wie verwenden Sie den Color Converter für HEX, RGB und HSL?

Der Color Converter konvertiert eine Farbe in 3 Schritten zwischen 3 standardmäßigen Webformaten: 1) Geben Sie einen Wert in einem beliebigen Format ein — HEX (#FFCB05), RGB (rgb(255, 203, 5)) oder HSL (hsl(48, 100%, 51%)). 2) Das Tool berechnet automatisch die anderen beiden Formate + zeigt eine Live-Vorschau. 3) Kopieren Sie das gewünschte Format oder verwenden Sie die RGB-Slider zur Feinabstimmung. Wann welches Format verwendet wird: HEX für CSS und HTML, RGB für JavaScript Canvas, HSL für semantische Variationen (heller/dunkler). Alles wird lokal im Browser berechnet.

  • 3 Formate — HEX, RGB, HSL — mit Live-Vorschau
  • RGB-Slider zur Feinabstimmung von Rot/Grün/Blau
  • 20 beliebteste Farben als Quick-Picker
  • Lokal im Browser — ohne Senden an den 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.

Leitfaden

HEX, RGB und HSL — wann welches Format verwenden

Das HEX-Format (#FFCB05) ist das gebräuchlichste in CSS und HTML — kompakt und lesbar. Sechs Hex-Zeichen stellen 3 Byte dar (Rot/Grün/Blau-Komponenten zu je 0-255). Es gibt auch eine verkürzte 3-Zeichen-Schreibweise (#FA0 = #FFAA00) für Farben mit wiederholten Paaren.

RGB — Red Green Blue

Das RGB-Format verwendet 3 Dezimalzahlen von 0 bis 255 (rgb(255, 203, 5)). Ideal für die JavaScript Canvas API, programmgesteuerte Farberzeugung und den Alpha-Kanal (rgba). RGB ist intuitiv beim Mischen von Grundfarben, aber nicht geeignet für Variationen derselben Farbe.

HSL — Hue Saturation Lightness

HSL trennt eine Farbe in 3 Komponenten: Hue (Farbton 0-360°, wobei Rot=0, Grün=120, Blau=240), Saturation (Sättigung 0-100 %) und Lightness (Helligkeit 0-100 %). Ideal für Themes und Paletten — ändern Sie nur die Lightness für einen Hover-Zustand oder nur den Hue für Sekundärfarben.

Verwandte Tools und Dienste

HTML Minifier.htaccess GeneratorMeta Tag AnalyzerJSON FormatterBase64-EncoderPasswort-GeneratorCSS auf Ihrer WebsiteWordPress HostingWebsite-Geschwindigkeit testenKontakt

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

Häufig gestellte Fragen - Color Converter

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

HEX (hexadezimal) ist die Standard-CSS-Farbschreibweise in der Form #RRGGBB. Jeder zweistellige hexadezimale Wert (00-FF) stellt eine von drei Komponenten dar: Rot (RR), Grün (GG), Blau (BB). Zum Beispiel bedeutet #FFCB05 R=255, G=203, B=5 — die gelbe Farbe der BeoHosting-Marke.

Das RGB-Format wird verwendet, wenn Sie einen Alpha-Kanal (Transparenz) benötigen — rgba(255, 203, 5, 0.5) — oder wenn Sie Farben in der JavaScript Canvas API programmgesteuert generieren, wo numerische Werte praktischer sind. HEX ist kompakter für statisches CSS, während RGB für dynamische Werte besser lesbar ist.

HSL trennt die Farbe in drei intuitive Komponenten: Hue, Saturation, Lightness. Um einen Hover-Zustand zu erstellen, reduzieren Sie die Lightness um 5-10 %, ohne den Farbton zu ändern. Um eine Sekundärfarbe zu erstellen, ändern Sie nur den Hue um 30-60°. RGB und HEX erfordern komplexe Mathematik für dieselben Ergebnisse.

Ja, seit 2018 unterstützen alle modernen Browser (Chrome 62+, Firefox 49+, Safari 10+) 8-Zeichen-HEX mit Alpha-Kanal: #FFCB0580 bedeutet 50 % Transparenz. Für alte Browser (IE) verwenden Sie rgba(), das universelle Unterstützung bietet.

Nein. Alle Konvertierungen werden lokal in Ihrem Browser mit JavaScript-Mathematikfunktionen durchgeführt. Ihre Farben werden NICHT an den Server gesendet oder in einer Datenbank gespeichert. Alles ist 100 % privat und funktioniert auch 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.