PickXColorFarbe auslesen
EnglishENEditor öffnen

Farbwähler online

Wähle eine beliebige Farbe über das Farbfeld, die Regler oder einen eingegebenen Wert und sieh sie sofort in jedem Format. Kopiere den Wert, den du brauchst, oder sammle die Farbe zu den anderen.

R
G
B
#4F46E5

Werte: zum Kopieren anklicken

Ausgewählte Farben

Hier erscheinen die Farben, die du auswählst. Wähle so viele, wie du möchtest. Sie bleiben hier, bis du sie importierst oder löschst.

Öffnet den Editor und fügt die Farben als Gruppe hinzu, mit Namen, Abstufungen, Kontrastprüfung und Code-Export.

So funktioniert’s

  1. Der Farbwähler mit Feld für Sättigung und Helligkeit, Farbton-Regler und RGB-Reglern

    1Farbe wählen

    Ziehe im Farbfeld und am Farbton-Regler, verschiebe die Regler für Rot, Grün und Blau oder gib einen HEX-, RGB- oder HSL-Wert ein.

  2. Die gewählte Farbe groß mit Namen und der Liste der HEX-, RGB-, HSL-, HSV-, OKLCH- und CMYK-Werte

    2Jedes Format kopieren

    HEX, RGB, HSL, HSV, OKLCH und CMYK ändern sich schon beim Ziehen, dazu der passendste Farbname. Klicke einen Wert an, um ihn zu kopieren, und drücke dann „Zu den ausgewählten Farben“.

  3. Ein Raster ausgewählter Farbfelder mit HEX-Codes und Farbnamen

    3Farben sammeln

    Jede Auswahl landet mit HEX-Code und Namen im Raster darunter. Wähle so viele, wie du willst, kopiere sie oder entferne die, die du nicht brauchst.

  4. Der PickXColor-Editor mit den importierten Farben als benannte Gruppe von Karten

    4Im Editor öffnen

    Mit „In den PickXColor-Editor importieren“ landen alle Farben als Gruppe im Editor, mit Namen, Abstufungen, Kontrastprüfung und Code-Export.

Häufige Fragen

Welche Farbformate bekomme ich?

HEX, RGB, HSL, HSV, OKLCH und CMYK, bereit zum Einfügen in CSS, Design-Tools oder Druckvorgaben. Der Editor ergänzt Abstufungen im Tailwind-Stil, Kontrastprüfungen und Code für CSS, Tailwind, SCSS, Swift und Jetpack Compose.

Kann ich eine vorhandene Farbe eingeben?

Ja. Tippe oder füge einen HEX-Code wie #4F46E5 in das HEX-Feld ein, oder einen rgb()- oder hsl()-Wert, und drücke Enter. Alle anderen Formate werden sofort umgerechnet.

Was ist OKLCH?

OKLCH beschreibt eine Farbe über Helligkeit, Buntheit (Chroma) und Farbton so, wie wir Farben wahrnehmen: Farben mit gleichem Helligkeitswert wirken auch wirklich gleich hell. Modernes CSS unterstützt es mit oklch().

Wie wird CMYK berechnet?

CMYK wird mit der Standardformel aus sRGB umgerechnet, ohne Druckerprofil. Das ist ein guter Ausgangspunkt, das Profil deiner Druckerei kann aber leicht andere Werte ergeben.

Ist das datenschutzsicher und DSGVO-konform?

Ja. Deine Auswahl wird vollständig in deinem Browser geöffnet und verarbeitet. Nichts wird hochgeladen, gespeichert oder an einen Server geschickt, und wir bekommen die Datei nie zu sehen. Es gibt kein Konto, kein Tracking und keine Cookies, und die Werkzeug-Seiten laden nichts von Drittanbietern. Da keine Daten aus deiner Datei bei uns ankommen, verarbeiten wir daraus auch keine personenbezogenen Daten.

Die ausgewählten Farben werden im lokalen Speicher deines Browsers abgelegt, damit sie ein Neuladen überstehen. Mit „Leeren“ oder durch Löschen der Website-Daten entfernst du sie.

Was kann ich mit den ausgewählten Farben machen?

Kopiere alle HEX-Codes auf einmal oder drücke „In den PickXColor-Editor importieren“. Der Editor fügt sie als benannte Gruppe auf einem unendlichen Board hinzu, mit Farbnamen, HEX-, RGB-, HSL-, OKLCH- und CMYK-Werten, Abstufungen im Tailwind-Stil, WCAG-Kontrastprüfung und Code-Export für CSS, Tailwind, SCSS, Swift und Jetpack Compose.

Ist das kostenlos?

Ja. Kostenlos, ohne Anmeldung, ohne Wasserzeichen und ohne Grenze, wie viele Farben du auswählst.

Weitere Wege, Farben auszulesen

Jedes Werkzeug läuft in deinem Browser und füllt dieselbe Farbsammlung.