KI auf dem Gerät – professionell und privat.

Color Picker Tool

Farbe wählen und in zwölf Formaten kopieren – ohne Upload.

  • Läuft auf Ihrem Gerät
  • Zwölf Formate auf einmal
  • Kontrast- und Farbsehprüfung

Stylesheet oder Token-Datei hier ablegen

CSS, SCSS, SASS, LESS, JSON, SVG oder TXT – bis 10.0 MB

#FF4D4D

Nächster Farbname: tomato (Gleiche Familie, Abstand 6.4)

  • HEX#FF4D4D
  • RGBrgb(255 77 77)
  • HSLhsl(0 100% 65.1%)
  • HWBhwb(0 30.2% 0%)
  • HSVhsv(0 69.8% 100%)Kein CSS
  • CMYKcmyk(0% 69.8% 69.8% 0%)Kein CSS
  • LABlab(59.906 67.771 41.299)
  • LCHlch(59.906 79.363 31.36)
  • OKLABoklab(0.673 0.19441 0.09082)
  • OKLCHoklch(0.673 0.21457 25.04)
  • Display P3color(display-p3 0.9239 0.3574 0.3319)
  • XYZ D65color(xyz-d65 0.45232 0.27107 0.09872)

Kontrast

Auf Weiß3.27:1
Aa
  • AA normalNicht bestanden
  • AA großBestanden
  • AAA normalNicht bestanden
  • AAA großNicht bestanden
Auf Schwarz6.42:1
Aa
  • AA normalBestanden
  • AA großBestanden
  • AAA normalNicht bestanden
  • AAA großBestanden
Auf Ihrer Farbe3.27:1
  • AA normalNicht bestanden
  • AA großBestanden
  • AAA normalNicht bestanden
  • AAA großNicht bestanden

Nächster bestehender Farbton — #E22D35 erreicht 4.51:1 gegenüber Ihrer Vergleichsfarbe.

Farbsehen

Wie diese Farbe für Menschen mit den einzelnen Formen einer Farbsehschwäche aussieht.

  • Typisches Sehen
  • Protanopie
  • Deuteranopie
  • Tritanopie
  • Kein Farbsehen
Was möchten Sie umwandeln?
Farbwert

Jede CSS-Farbsyntax, dazu cmyk() und hsv().

Kanäle bearbeiten in

Hier eingegebene Werte bleiben stehen, auch wenn die Farbe keinen Farbton hat, auf dem sie sichtbar wären.

Vergleichen mit
Exportieren
Exportieren als
Zuletzt verwendete Farben
Umgewandelte Farben erscheinen hier.

So wählen und kopieren Sie eine Farbe

  1. Farbe wählen

    Farbwähler oder Schieberegler — die Vorschau aktualisiert sich live.

  2. Alle Formate sehen

    RGB, HEX, HSL und CMYK werden angezeigt. Ändern Sie ein Feld — die anderen folgen.

  3. Werte kopieren

    Klicken Sie auf Kopieren neben einem Format, um es in Projekt oder Tool einzufügen.

Warum eine Farbauswahl nutzen?

Eine Farbauswahl ermöglicht visuelle Auswahl, Formatwechsel, Live-Vorschau und schnellen Zugriff auf Farbwerte — ideal für Design und Entwicklung.

Vorteile

  • Visuelle Auswahl: Interaktive Oberfläche zum Pikken
  • Formatumrechnung: Zwischen RGB, HEX, HSL und CMYK
  • Live-Vorschau: Änderungen sofort sichtbar
  • Farbinfos: Detaillierte Werte auf einen Blick
  • Projekte: Für Design- und Entwicklungsarbeit

Funktionsweise

Unsere Farbauswahl nutzt zuverlässige Algorithmen für Auswahl und Umrechnung. Mehrere Formate und Echtzeit-Vorschau sind integriert.

Funktionen

  • Interaktive Auswahl: Farbe visuell wählen
  • Mehrere Formate: RGB, HEX, HSL, CMYK
  • Live-Umrechnung: Sofortige Synchronisation
  • Vorschau: Darstellung der gewählten Farbe
  • Kopieren: Werte schnell übernehmen

Eine Farbe wählen und behalten

Ein Farbwähler nützt nur, wenn die gewählte Farbe die Seite in der Form verlassen kann, die das nächste Werkzeug erwartet. Darum herum ist dieser gebaut.

  • Alle Formate auf einmal — Eine Auswahl liefert HEX, RGB, HSL, HWB, HSV, CMYK, LAB, LCH, OKLAB, OKLCH, Display P3 und XYZ – dazu den nächstliegenden CSS-Farbnamen und wie nah er wirklich ist.
  • Oder einen Wert eingeben — Farbwähler und Textfeld sind zwei Wege zur selben Farbe. Fügen Sie alles ein, was CSS versteht, und das Farbfeld folgt.
  • Zuletzt verwendete Farben bleiben erhalten — Die letzten zwölf Farben bleiben in der Leiste, nur auf diesem Gerät, sodass der Vergleich zweier Kandidaten kein erneutes Eintippen erfordert.
  • Vor dem Einsatz prüfen — Kontrast gegen Weiß, Schwarz oder eine Farbe Ihrer Wahl, dazu eine Simulation, wie sie mit jeder Art von Farbfehlsichtigkeit aussieht.

Wann nutzen

Wenn Sie Farben visuell wählen, Formate vergleichen, Vorschau brauchen oder Werte für Projekte benötigen.

Typische Einsatzgebiete

  • Webentwicklung: Farben für Websites und Apps
  • Designprojekte: Farbwahl und Paletten
  • Farbrecherche: Optionen erkunden
  • Konvertierung: Zwischen Farbformaten wechseln
  • Farbanpassung: Farben an Bilder oder Layouts annähern

Fakten

Das hilft, Farbtools sinnvoll einzusetzen.

Kernaussagen

  • Farbauswahlen ermöglichen Millionen Kombinationen
  • Mehrere Formate decken Web, Druck und Design ab
  • Live-Umrechnung sichert konsistente Darstellung
  • Interaktive Bedienung erleichtert die Auswahl
  • Die Vorschau unterstützt die Entscheidung

Best Practices

Empfehlungen für beste Ergebnisse.

Qualität

  • Für genaue Auswahl gute Displays nutzen
  • Farbraum und Gamut beachten
  • Farben in der Zielanwendung testen
  • Kopierte Werte kurz prüfen
  • Barrierefreiheit (Kontrast) bedenken

Grenzen

  • Schlechte Displays für kritische Farbarbeit vermeiden
  • Nicht nur auf den Bildschirm für Druckprojekte vertrauen
  • Bei exaktem Matching professionelle Tools ergänzen
  • Bei verbindlichen ICC-Profilen nicht allein auf Browser-Tools verlassen

Grenzen und Kompatibilität

Kalibrierung und Browserunterschiede beeinflussen die Wahrnehmung; bei hohen Ansprüchen im Ziellmedium prüfen.

Basiert auf optimierten Bildverarbeitungs-Algorithmen.

Die anderen Farbkonverter

Häufige Fragen

Wie funktioniert die Farbauswahl?

Ziehen Sie den Farbwähler oder bewegen Sie die Schieberegler, um eine Farbe zu wählen, und die Vorschau aktualisiert sich in Echtzeit. Bei der Auswahl berechnet das Tool sofort die passenden RGB-, HEX-, HSL- und CMYK-Werte, und das Ändern eines Felds berechnet die anderen neu, sodass alle dieselbe Farbe beschreiben.

Welche Farbformate zeigt sie an?

Für jede gewählte Farbe zeigt das Tool vier Formate nebeneinander: RGB und HEX für Bildschirme und CSS, HSL für intuitive Anpassungen von Farbton und Helligkeit sowie CMYK als Orientierung für den Druck. Alle vier bleiben synchron und aktualisieren sich, sobald Sie die Farbe ändern.

Kann ich die gewählten Farben in CSS nutzen?

Ja. Jedes Format hat einen eigenen Kopieren-Button, sodass Sie den HEX-Code oder die rgb()-Zeichenkette direkt in CSS oder HTML einfügen können. HSL ist auch für die CSS-Funktion hsl() bereit, und die CMYK-Werte liefern Druck- und Branding-Teams die nötigen Zahlen.

Bleiben meine Farben privat?

Ja. Die Farbauswahl läuft vollständig auf Ihrem Gerät, sodass die gewählten Farben und die erzeugten Werte nie auf einen Server hochgeladen oder gespeichert werden. Nichts verlässt Ihr Gerät, was Markenpaletten und unveröffentlichte Designfarben vollständig privat hält.

Funktioniert die Farbauswahl auf dem Handy?

Ja. Sie funktioniert in jedem modernen Browser auf Desktop, Tablet und Smartphone, mit touchfreundlichen Bedienelementen, sodass Sie Farbwähler und Regler mit dem Finger ziehen. Das Layout passt sich kleinen Bildschirmen an, und das Kopieren funktioniert wie am Desktop.

Ist die Farbauswahl kostenlos und funktioniert sie offline?

Ja. Die Farbauswahl ist völlig kostenlos, ohne Wasserzeichen oder Nutzungslimits. Da die gesamte Umrechnung geräteintern läuft, funktioniert sie nach dem Laden auch ohne Internetverbindung, was den schnellen Farbabgleich überall praktisch macht.

4.8von 5

aus 521 Bewertungen

Dieses Tool bewerten

Auf einen Stern tippen — geht schnell