Konvertieren Sie Farbcodes zwischen allen wichtigen Formaten
Geben Sie eine Farbe in einem beliebigen unterstützten Format ein – HEX, RGB, HSL, HSB oder CMYK – und das Tool zeigt sofort den entsprechenden Wert in jedem anderen Format an. Ein Live-Farbfeld zeigt eine Vorschau der Farbe an und jeder Wert ist nur einen Klick von Ihrer Zwischenablage entfernt. Verwenden Sie es, um Markenfarben zwischen Designtools, CSS und Druckspezifikationen zu übersetzen.
Nutzen Sie dieses Tool kostenlosBrowser tool
Color code converter
Convert between HEX, RGB, HSL, HSV, and CMYK color codes locally in your browser.
Readable text: black
Contrast vs black: 5.93:1 · vs white: 3.54:1
Wie zu verwenden
Geben Sie einen Farbwert ein
Geben oder fügen Sie eine Farbe in einem beliebigen unterstützten Format ein – zum Beispiel #FF5733, rgb(255, 87, 51) oder hsl(11, 100 %, 60 %).
Conversions anzeigen
Alle anderen Formatfelder werden automatisch aktualisiert. Das Vorschaumuster zeigt die Farbe zusammen mit Kontrastinformationen.
Kopieren oder exportieren
Klicken Sie auf einen beliebigen Wert, um ihn zu kopieren, oder laden Sie die Farbkarte als PNG herunter, um Dokumentation und Styleguides zu erhalten.
Merkmale
Sechs Farbformate
Konvertieren Sie zwischen HEX-, RGB-, HSL-, HSB-, CMYK- und CSS-benannten Farben. Geben Sie in ein beliebiges Feld einen Wert ein und die anderen werden sofort aktualisiert.
Live-Farbvorschau
Ein großes Farbfeld wird während der Eingabe in Echtzeit aktualisiert. Sehen Sie den genauen Farbton, ohne das Werkzeug zu verlassen oder zu einer Designanwendung zu wechseln.
Kopieren mit einem Klick
Klicken Sie auf einen beliebigen Farbwert, um ihn in die Zwischenablage zu kopieren. Eine kleine Toast-Benachrichtigung bestätigt den Kopiervorgang, sodass Sie ihn sofort einfügen können.
Farbkartenexport
Laden Sie eine PNG-Karte herunter, die das Farbfeld mit allen Formatwerten zeigt. Verwenden Sie es in Präsentationen, Styleguides oder Dokumentationen.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceSpezifikationen
| Unterstützte Formate | HEX, RGB, HSL, HSB, CMYK, CSS benannt |
| Vorschau | Live-Muster mit Kontrastverhältnis |
| Export | PNG-Farbkarte |
| Alpha-Unterstützung | HEX8, RGBA, HSLA |
| Benannte Farben | 148 CSS-benannte Farben |
| Verarbeitung | Clientseitig (kein Upload) |
Related Magic Eraser Tools
Häufige Fragen
Ist die CMYK-Konvertierung für den Druck korrekt?
+
Das Tool verwendet eine Standardformel, um CMYK-Werte aus RGB zu approximieren. Bei kritischen Druckarbeiten sollten Sie den CMYK-Wert anhand eines kalibrierten ICC-Farbprofils in Ihrem Druckworkflow überprüfen, da die Konvertierung von der spezifischen Tinten- und Papierkombination abhängt.
Kann ich Farben mit Alpha-Transparenz eingeben?
+
Ja. Das Tool unterstützt 8-stellige HEX-Codes, RGBA- und HSLA-Werte. Der Alphakanal bleibt über Konvertierungen hinweg erhalten, sofern das Format ihn unterstützt.
Was ist der Unterschied zwischen HSL und HSB?
+
HSL (Hue, Saturation, Lightness) und HSB (Hue, Saturation, Brightness) verwenden dieselbe Farbtonachse, definieren jedoch die Sättigung und die dritte Komponente unterschiedlich. Das Tool konvertiert zwischen ihnen, sodass Sie in jedem Modell arbeiten können, das Ihre Designanwendung verwendet.
Müssen Sie ein Foto farblich korrigieren?
AI Enhance kann Weißabgleich, Sättigung und Farbtemperatur in Ihren Fotos anpassen. Erhalten Sie die Farben direkt an der Quelle und verwenden Sie dann dieses Tool, um die genauen Codes zu finden.
Probieren Sie es kostenlos ausMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Entwerfen Sie lineare, radiale und konische Farbverläufe mit mehreren Farbstopps. Kopieren Sie den CSS-Code oder laden Sie ihn als PNG-Bild herunter.
Konvertieren Sie HEX-Farbcodes in RGB-Werte und umgekehrt. Live-Vorschau, Kopieren mit einem Klick und CSS-Snippet-Ausgabe. – funktioniert in Ihrem Browser.
Wählen Sie eine beliebige Farbe aus einem hochgeladenen Bild aus und erhalten Sie sofort die HEX-, RGB- und HSL-Codes. Erstellen Sie Paletten aus Fotos für Webdesign, Branding und Illustration.
Laden Sie ein Foto hoch und extrahieren Sie 5–10 dominante Farben mit HEX-, RGB- und HSL-Codes. Kopieren Sie Farbfelder und exportieren Sie sie als ASE- oder CSS-Variablen.
Generieren Sie QR-Codes für URLs, Text, WLAN-Anmeldeinformationen und vCards. Passen Sie die Farben an, fügen Sie ein Logo in der Mitte hinzu und laden Sie es als PNG oder SVG herunter.
Berechnen Sie Breite, Höhe oder Seitenverhältnis für Bilder und Videos. Geben Sie zwei beliebige Werte ein und erhalten Sie den dritten. Voreingestellte Verhältnisse für soziale Medien, Film und Druck.