Farbwähler Online - Farben kostenlos auswählen

So verwenden Sie den Farbwähler

1. 1

   Farbe wählen

   Klicken Sie auf die Vorschau, um das Farbspektrum zu öffnen und die Helligkeit anzupassen, geben Sie einen HEX- oder RGB-Code ein oder nutzen Sie eine der voreingestellten Farben.

2. 2

   Oder Farbe aus einem Bild aufnehmen

   Laden Sie ein Foto, einen Screenshot oder ein Logo und klicken Sie auf die gewünschte Stelle. Das Tool liest die Farbe genau dieses Pixels aus.

3. 3

   Format wählen

   Sehen Sie denselben Farbton in HEX, RGB, HSL, HSV und CMYK und wählen Sie das Format, das Ihr Programm oder Ihre Website verwendet.

4. 4

   Code kopieren

   Klicken Sie auf „Farbe kopieren“. Verwendete Farben landen in der Farbhistorie, damit Sie sie vergleichen und wiederverwenden können.

Pipette für Bilder: Farbe aus einem Foto bestimmen

Sie möchten den genauen Farbton eines Logos, eines Kleidungsstücks auf einem Foto oder einer Referenz-Website wissen? Laden Sie das Bild und klicken Sie darauf: Die Pipette liest das gewählte Pixel aus und zeigt den Farbcode sofort an. Das Bild wird nur in Ihrem Browser geöffnet und nicht hochgeladen – Sie können also auch Kundenmaterial und interne Dateien bedenkenlos verwenden.

Bei Flächen mit Struktur oder Schatten klicken Sie am besten auf mehrere benachbarte Punkte und vergleichen die Werte in der Historie. Stark komprimierte Bilder, etwa mehrfach über Messenger verschickte Fotos, können zwischen benachbarten Pixeln leicht abweichende Farben haben.

HEX, RGB, HSL, HSV oder CMYK – welches Format wofür?

• HEX (#FF6B6B): das gängigste Format für CSS, HTML, Figma und Canva.
• RGB (255, 107, 107): Rot, Grün und Blau von 0 bis 255; für Bildschirme, Programmierung und Bildbearbeitung.
• HSL: Farbton, Sättigung und Helligkeit; ideal, um in CSS hellere oder dunklere Varianten derselben Farbe zu bilden.
• HSV: Farbton, Sättigung und Hellwert; das Modell der Farbwähler in Photoshop und vielen anderen Editoren.
• CMYK: Cyan, Magenta, Gelb und Schwarz; die Grundlage für Druckerzeugnisse aus der Druckerei.

Tipps für stimmige Farben

Wenn Sie eine Farbpalette zusammenstellen, gehen Sie von einer Hauptfarbe aus und verändern im HSL-Modell nur die Helligkeit – so passen die Töne zueinander. Prüfen Sie bei Texten immer den Kontrast zum Hintergrund: Heller Text auf hellem Grund ist schwer lesbar, besonders auf dem Smartphone und im Freien. Für barrierearme Websites empfiehlt die WCAG ein Kontrastverhältnis von mindestens 4,5 : 1 für normalen Text.

Bedenken Sie außerdem, dass Bildschirm und Papier Farben nie identisch wiedergeben. Geht Ihr Entwurf in den Druck, prüfen Sie den CMYK-Wert und fordern Sie nach Möglichkeit einen Proof bei der Druckerei an, denn verschiedene Monitore stellen denselben RGB-Code leicht unterschiedlich dar.

Häufige Fragen zum Farbwähler