RGB zu HEX Farbkonverter
Die Rot-, Grün- und Blau-Kanäle mit Reglern oder durch Eingabe von Werten (0–255) anpassen. Die HEX- und HSL-Äquivalente aktualisieren sich in Echtzeit.
#3b82f6rgb(59, 130, 246)hsl(217, 91%, 60%)Rot
59
23%
Grün
130
51%
Blau
246
96%
So funktioniert RGB
RGB ist ein additives Farbmodell. Jeder Kanal (Rot, Grün, Blau) hat einen Wert von 0 bis 255. Alle drei auf Maximum ergibt Weiß (rgb(255,255,255)), alle auf Null ergibt Schwarz (rgb(0,0,0)).
RGB in HEX konvertieren
Jeder RGB-Kanal wird in eine zweistellige Hexadezimalzahl konvertiert, dann mit einem #-Präfix verkettet. Beispiel: rgb(59, 130, 246) → 3B + 82 + F6 → #3B82F6.
Schnellreferenz
| Farbe | R | G | B | HEX |
|---|---|---|---|---|
| Red | 255 | 0 | 0 | #ff0000 |
| Lime | 0 | 255 | 0 | #00ff00 |
| Blue | 0 | 0 | 255 | #0000ff |
| Yellow | 255 | 255 | 0 | #ffff00 |
| Cyan | 0 | 255 | 255 | #00ffff |
| Magenta | 255 | 0 | 255 | #ff00ff |
Verwandte Werkzeuge
Farbkontrast-Prüfer Online — WCAG AA & AAA
Prüfen Sie das WCAG-2.1-Farbkontrastverhältnis für AA- und AAA-Konformität. Live-Textvorschau.
Farbmischer & Farbverlauf-Generator
Mischen Sie zwei Farben mit einem Verhältnisregler. Erhalten Sie eine vollständige Farbverlaufspalette.
CSS-Farbnamen — Alle 148 Farben
Durchsuche alle 148 CSS-Farbnamen mit ihren HEX- und RGB-Werten.
Material-Design-Farbtabelle & Palette
Material-Design-Farbpalette — 19 Farbfamilien × 10 Abstufungen.
Minecraft-Farbcodes & Formatierung
Alle Minecraft-§-präfixierten Farb- und Formatierungscodes mit Vorschau.
Roblox-Farbcodes & BrickColor-IDs
Vollständige Roblox-BrickColor-Palette mit Farb-IDs und RGB-Werten.
Farbpaletten-Generator
Harmonische Farbpaletten aus einer Basisfarbe generieren — komplementär, triadisch und analog.
Farbformat-Konverter
Farben sofort zwischen HEX, RGB, HSL, HSV, CMYK und CSS-Farbnamen umwandeln.
Farbton-Generator
10-stufige Farbtonpalette (50–900) aus einer Basisfarbe generieren wie Tailwind CSS. HEX, RGB und CSS-Variablen kopieren.
Farbverlauf-Paletten-Generator
Gleichmäßige RGB-Farbverläufe zwischen zwei Farben mit 3–20 Schritten. HEX, CSS linear-gradient oder Tailwind-Array kopieren.
Farbkontrast-Analysator
WCAG-2.1-Kontrastverhältnisse prüfen. Bestanden/Nicht bestanden für AA und AAA — plus automatische Vorschläge und Live-Textvorschau.
Farbblindheits-Simulator
Bild hochladen und sehen, wie es bei Protanopie, Deuteranopie, Tritanopie und Achromatopsie aussieht.
Online-Farbwähler — HEX, RGB & HSL
Wählen Sie visuell jede Farbe mit einem Canvas-basierten HSV-Wähler. Exportieren Sie als HEX, RGB oder HSL.
Farbrad Online — interaktiver HSL-Farbwähler
Interaktives HSL-Farbrad. Klicken Sie auf jeden Punkt, um seinen Farbton und die Sättigung auszuwählen.
Bild-Farbwähler — Farben aus Fotos
Laden Sie ein beliebiges Bild hoch und klicken Sie, um Farben direkt aus Pixeln zu entnehmen.
HEX zu RGB Farbkonverter
Wandle HEX-Farbcodes sofort in RGB-, HSL-, HSV- und CMYK-Werte um.