HEX zu RGB Farbkonverter
Geben Sie einen HEX-Farbcode ein und erhalten Sie sofort die entsprechenden RGB-, HSL-, HSV- und CMYK-Werte. Zeigt auch eine Helligkeitsskala für denselben Farbton.
rgb(59, 130, 246)59130246hsl(217, 91%, 60%)hsv(217, 76%, 96%)cmyk(76%, 47%, 0%, 4%)Helligkeitsskala
HEX-Farbformat
HEX-Farben sind sechsstellige Hexadezimalzahlen mit dem Präfix #, z.B. #3b82f6. Jedes Ziffernpaar steht für einen Kanal: #RRGGBB. Kurze 3-stellige Codes (#rgb) werden auf 6 Stellen erweitert, indem jedes Zeichen verdoppelt wird — #3b8 wird zu #33bb88.
Ausgabeformate erklärt
- RGB — Rot, Grün, Blau (0–255). Das Standard-Bildschirmfarbmodell.
- HSL — Farbton (0–360°), Sättigung (0–100%), Helligkeit (0–100%). Intuitiv für Designarbeiten.
- HSV — Farbton, Sättigung, Wert (Helligkeit). In Design-Apps wie Photoshop verwendet.
- CMYK — Cyan, Magenta, Gelb, Schwarz. Im Druckdesign verwendet.
Schnellreferenz
| Farbe | HEX | RGB |
|---|---|---|
| Red | #ff0000 | rgb(255, 0, 0) |
| Green | #00ff00 | rgb(0, 255, 0) |
| Blue | #0000ff | rgb(0, 0, 255) |
| White | #ffffff | rgb(255, 255, 255) |
| Black | #000000 | rgb(0, 0, 0) |
Verwandte Werkzeuge
RGB zu HEX Farbkonverter
Stelle R-, G-, B-Werte mit Schiebereglern oder Eingaben ein und erhalte die HEX- und HSL-Ausgabe.
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.