Farbauswahl
Wählen Sie Farben, extrahieren Sie sie aus Bildern, erstellen Sie Paletten und prüfen Sie Kontraste. Unterstützt HEX, RGB, HSL, HSV und CMYK.
Bildfarben-Extraktion
Bild ablegen oder klicken zum Hochladen
Dominante Farben
Fügen Sie Farben zu Ihrer Palette hinzu
Beispieltext in normaler Größe (14px)
Großer Beispieltext
Kontrastverhältnis
21:1
AA Normaltext
Bestanden
AA Groß
Bestanden
AAA Normaltext
Bestanden
AAA Groß
Bestanden
90°
Wann Sie diese Farbauswahl verwenden sollten
Unsere kostenlose Farbauswahl hilft Designern und Entwicklern bei der Arbeit mit Farben:
-
Webdesign
Wählen Sie perfekte Farben für Websites und prüfen Sie Kontrastverhältnisse zur Sicherstellung der Barrierefreiheit.
-
Markenidentität
Erstellen Sie harmonische Farbpaletten für Logos, Marketingmaterialien und Markenrichtlinien.
-
Bildfarben-Anpassung
Extrahieren Sie Farben aus Fotos, um Designelemente mit vorhandenen Bildern abzustimmen.
-
CSS-Entwicklung
Generieren Sie CSS-Verläufe und exportieren Sie Farbpaletten als CSS Custom Properties.
-
Barrierefreiheits-Tests
Überprüfen Sie, ob Text- und Hintergrundfarbkombinationen die WCAG AA und AAA Standards erfüllen.
Anleitung zur Farbauswahl
Erste Schritte
- Klicken und ziehen Sie auf dem Farbfeld, um Sättigung und Helligkeit auszuwählen
- Verwenden Sie den Farbton-Regler, um die Grundfarbe zu ändern
- Passen Sie bei Bedarf die Deckkraft mit dem Alpha-Regler an
- Kopieren Sie ein beliebiges Farbformat, indem Sie auf die Schaltfläche daneben klicken
Funktionen
- Interaktive Farbauswahl mit Echtzeit-Vorschau
- Extrahieren Sie Farben aus jedem Bild mit der Pipette
- Generieren Sie automatisch harmonische Farbkombinationen
- Erstellen Sie benutzerdefinierte Paletten und exportieren Sie als CSS oder JSON
- Prüfen Sie den WCAG-Farbkontrast für Barrierefreiheit
- Erstellen Sie CSS-Verläufe mit dem visuellen Editor
Tastaturkürzel
- Strg+C: Aktuelle HEX-Farbe kopieren
- Strg+V: Farbe aus Zwischenablage einfügen und anwenden
- 1-4: Zwischen Feature-Tabs wechseln
Tipps
- Laden Sie ein Bild hoch, um automatisch seine dominanten Farben zu extrahieren
- Verwenden Sie den Kontrastprüfer, um Textlesbarkeit sicherzustellen
- Exportieren Sie Ihre Palette als CSS-Variablen für einfache Verwendung in Projekten