Farb-Konverter
Farben zwischen HEX, RGB, HSL konvertieren
Wie man Farb-Konverter benutzt
Farben zwischen HEX, RGB, HSL konvertieren Kostenloses Online-Tool, ohne Anmeldung, ohne aufdringliche Werbung. Jetzt nutzen.
Wofür wird ein Farb-Konverter benötigt?
Farben in der digitalen Gestaltung existieren in mehreren Formaten, jedes für unterschiedliche Kontexte geeignet. Zwischen ihnen zu konvertieren ist eine tägliche Aufgabe für Webdesigner, Frontend-Entwickler und Grafikdesigner, die mit verschiedenen Tools und Plattformen arbeiten.
- CSS-Entwicklung: Design-Tools exportieren Farben als HEX (#7B35F5), aber CSS akzeptiert auch RGB (rgb(123,53,245)) und HSL (hsl(264,91%,58%)). Konvertieren Sie zwischen ihnen, um Ihrer bevorzugten CSS-Syntax zu entsprechen.
- Markenkonsistenz: Eine in Pantone definierte Markenfarbe muss als HEX für Web, CMYK für Druck und RGB für Bildschirme ausgedrückt werden — jede erfordert präzise Konvertierung, um sicherzustellen, dass die Farbe auf allen Medien identisch ist.
- Barrierefreiheit: HSL erleichtert die Anpassung der Helligkeit bei gleichbleibendem Farbton — nützlich für die Erstellung barrierefreier Farbvarianten mit ausreichendem Kontrast gemäß BITV 2.0.
- Design-to-Code-Übergabe: Figma und Adobe XD exportieren in HEX; manche Entwickler bevorzugen HSL für das intuitive Farbton/Sättigung/Helligkeit-Modell. Konvertieren Sie einfach während der Implementierung.
- Druckvorbereitung: Bildschirmfarben (RGB) müssen für den Druck in CMYK umgewandelt werden. RGB hat einen größeren Farbraum als CMYK — manche lebhaften Farben auf dem Bildschirm können im physischen Druck nicht getreu reproduziert werden.
Format-Zusammenfassung: HEX (#RRGGBB) ist kompakt und universell für das Web. RGB (0-255 pro Kanal) ist das native Format von Bildschirmen. HSL (Farbton 0-360°, Sättigung 0-100%, Helligkeit 0-100%) ist am intuitivsten für Menschen. CMYK (0-100% pro Kanal) ist für professionellen Druck.
Frequently Asked Questions
Was ist der Unterschied zwischen RGB und RGBA?
RGBA fügt einen Alphakanal (Transparenz) zu RGB hinzu: rgba(123,53,245,0.5) ist ein Lila mit 50% Transparenz. Der Alphawert reicht von 0 (vollständig transparent) bis 1 (vollständig opak). HEX unterstützt 8-stellige Notation für Alpha: #7B35F580 (wo 80 hexadezimal = 50% Deckkraft).
Warum stellen RGB und CMYK unterschiedliche Farbraumbereiche dar?
RGB ist additiv — rotes, grünes und blaues Licht mischen ergibt Weiß (für Bildschirme verwendet). CMYK ist subtraktiv — Cyan-, Magenta-, Gelb- und Schwarztinte absorbieren Licht (für Druck verwendet). RGB kann lebhaftere Farben darstellen als CMYK im Druck reproduzieren kann — knallbunte Farben auf dem Bildschirm erscheinen oft matter gedruckt.
Was ist HSL und warum ist es nützlich?
HSL (Farbton, Sättigung, Helligkeit) ist intuitiv für Menschen. Farbton ist die Farbe (0°=Rot, 120°=Grün, 240°=Blau). Sättigung ist die Intensität (0%=Grau, 100%=Leuchtkräftig). Helligkeit ist die Luminanz (0%=Schwarz, 50%=Reinfarbe, 100%=Weiß). Um eine Farbe aufzuhellen oder abzudunkeln ohne den Farbton zu ändern, passen Sie einfach den L-Wert an.
Wie konvertiere ich HEX manuell zu RGB?
Teilen Sie das 6-stellige HEX in drei Paare auf und konvertieren Sie jedes von Basis 16 zu Basis 10. #7B35F5: 7B=123 (Rot), 35=53 (Grün), F5=245 (Blau) → rgb(123,53,245). Online-Konverter tun dies sofort, aber das Verständnis der Konvertierung hilft beim Lesen von HEX-Werten direkt im Code.
Was sind Farbprofile (sRGB, Adobe RGB, Display P3)?
Farbprofile definieren den Farbraum, den ein Gerät darstellen kann. sRGB ist der Web-Standard. Adobe RGB deckt ca. 50% mehr des sichtbaren Spektrums ab — in der professionellen Fotografie verwendet. Display P3 (Apple-Geräte) deckt ca. 25% mehr als sRGB ab. Adobe-RGB-Bilder erscheinen ausgewaschen auf sRGB-Bildschirmen, wenn sie nicht korrekt konvertiert werden.
Farb-Konverter vs. Farbwähler vs. Palette-Generator
Ein Farb-Konverter übersetzt einen bestehenden Farbwert zwischen Formaten. Ein Farbwähler (Browser-DevTools, OS-Farbwähler) ermöglicht die visuelle Auswahl einer Farbe und exportiert ihren Wert. Ein Palette-Generator erstellt harmonische Farbkombinationen aus einer Ausgangsfarbe mithilfe der Farbtheorie. Ein Kontrast-Checker prüft, ob eine Farbkombination die WCAG- und BITV-2.0-Barrierefreiheitsstandards erfüllt. Diese Tools ergänzen sich gegenseitig im Designer-Workflow.