Farb-Umrechner
Rechnen Sie Farben zwischen HEX, RGB, HSL, HSB und CMYK um. Vorschau, Komplementärfarbe und CSS-Code sofort kopierbar.
- Kostenlos, ohne Anmeldung
- Keine Daten gespeichert
- Geprüft 2026-01-15
Ihre Angaben
Ergebnisse
- HEX
- #1C7C54
- RGB
- 28, 124, 84
- HSL
- 155°, 63%, 30%
- HSV
- 155°, 77%, 49%
- CMYK
- 77, 0, 32, 51 %
- Luminance
- 0,1530
Dark colour
Preview
Shades
Formats table
| Format | Wert |
|---|---|
| HEX | #1C7C54 |
| HEX (short) | — |
| RGB | rgb(28 124 84) |
| RGBA | rgba(28, 124, 84, 1) |
| HSL | hsl(155 63% 30%) |
| HSLA | hsla(155, 63%, 30%, 1) |
| HWB | hwb(155 11% 51%) |
| CMYK | cmyk(77%, 0%, 32%, 51%) |
| CSS variable | --brand: #1C7C54; |
| Swift | UIColor(red: 0.11, green: 0.486, blue: 0.329, alpha: 1) |
| Android | 0xFF1C7C54 |
| Integer | 1866836 |
Harmony table
| Relationship | HEX |
|---|---|
| Complementary | #7C1C44 |
| Triadic 1 | #541C7C |
| Triadic 2 | #7C541C |
| Analogous 1 | #1C747C |
| Analogous 2 | #1C7C24 |
Über den Farb-Umrechner
Geben Sie einen Farbwert in einem beliebigen Format ein — HEX (#ff5733), RGB (255, 87, 51), HSL (11°, 100%, 60%) oder CMYK — und erhalten Sie sofort die Umrechnung in alle anderen Formate. Eine Farbvorschau zeigt Ihnen das Ergebnis visuell an.
Zusätzlich werden Komplementärfarbe, analoge Farben und der fertige CSS-Code angezeigt. Der Rechner eignet sich für Webdesigner, die zwischen Designtools (meist HSB/HSL) und CSS-Code (HEX/RGB) wechseln, sowie für Druckdesigner, die CMYK-Werte benötigen.
Alle gängigen CSS-Formate werden erkannt: #RGB, #RRGGBB, #RRGGBBAA, rgb(), rgba(), hsl() und hsla(). Die Berechnung erfolgt nach den W3C-Farbstandards.
So verwenden Sie den Farb-Umrechner
- Geben Sie einen Farbwert ein (z. B. #3498db oder rgb(52, 152, 219)).
- Wählen Sie das Eingabeformat oder lassen Sie es automatisch erkennen.
- Lesen Sie die Umrechnung in alle Formate ab.
- Kopieren Sie den gewünschten Wert (HEX, RGB, HSL oder CMYK).
Häufig gestellte Fragen
Was ist der Unterschied zwischen RGB und HEX?
Beide beschreiben dieselbe Farbe. HEX ist eine hexadezimale Kurzschreibweise von RGB: #FF5733 = rgb(255, 87, 51). In CSS können Sie beide Formate verwenden.
Wann verwende ich HSL statt RGB?
HSL (Farbton, Sättigung, Helligkeit) ist intuitiver beim Erstellen von Farbpaletten: Sie können die Helligkeit ändern, ohne den Farbton zu verlieren. Viele Designtools arbeiten intern mit HSL/HSB.
Ist CMYK dasselbe wie in der Druckerei?
Die berechneten CMYK-Werte sind Näherungen. Exakte Druckfarben hängen vom ICC-Profil, Papier und der Druckmaschine ab. Für professionellen Druck verwenden Sie die CMYK-Werte als Ausgangspunkt und stimmen Sie mit der Druckerei ab.
Was bedeutet der Alpha-Kanal?
Der Alpha-Wert (0–1 oder 0–255) gibt die Transparenz an: 1 = vollständig deckend, 0 = vollständig transparent. In CSS: rgba(255, 87, 51, 0.5) oder #ff573380.