Farbwähler
Wählen Sie eine Farbe, passen Sie sie fein an und kopieren Sie den Code im gewünschten Format.
Auf diesem Gerät versiegelt
Läuft in Ihrem Browser. Nichts wird hochgeladen.
Versiegelt
Farbe wählen
Farbcodes
Aufhellungen und Abdunklungen
Hellere Töne auf der einen Seite, dunklere auf der anderen. Wählen Sie einen aus, um ihn zu übernehmen.
So funktioniert es
-
Farbe wählen
Ziehen Sie im Farbfeld und am Farbton-Regler, geben Sie einen vorhandenen Code ein oder nehmen Sie eine Farbe vom Bildschirm auf.
-
Fein anpassen
Passen Sie die Deckkraft an oder erkunden Sie die Aufhellungen und Abdunklungen Ihrer Farbe, um eine hellere oder dunklere Variante zu finden.
-
Code kopieren
Kopieren Sie den HEX-, RGB-, HSL-, OKLCH- oder CMYK-Wert und fügen Sie ihn in Ihr Design, Ihren Code oder Ihr Dokument ein.
Häufige Fragen
Wie nehme ich eine Farbe vom Bildschirm auf?
Wählen Sie „Vom Bildschirm wählen“ und klicken Sie dann irgendwo auf Ihren Bildschirm, um diese Farbe zu erfassen. Diese Pipette ist in Chrome, Edge und anderen Chromium-basierten Browsern auf Computern verfügbar. In anderen Browsern öffnet das Farbfeld den Farbwähler Ihres Systems, der oft eine eigene Pipette hat.
Welches Farbformat sollte ich verwenden?
HEX ist im Webdesign am verbreitetsten und funktioniert überall. RGB und HSL sind in CSS praktisch, wenn Sie Werte von Hand anpassen möchten. OKLCH ist das moderne CSS-Format, das die Helligkeit über alle Farbtöne hinweg gleich hält. CMYK ist ein Ausgangspunkt für den Druck.
Was ist der Unterschied zwischen Aufhellung und Abdunklung?
Bei einer Aufhellung wird Ihre Farbe mit Weiß gemischt und dadurch heller. Bei einer Abdunklung wird sie mit Schwarz gemischt und dadurch dunkler. Der Farbwähler mischt sie in einem wahrnehmungsbasierten Farbraum, damit jede Stufe gleichmäßig abgestuft wirkt.
Kann ich den Farbwähler mit der Tastatur bedienen?
Ja. Setzen Sie den Fokus auf das Farbfeld und ändern Sie Sättigung und Helligkeit mit den Pfeiltasten. Mit gedrückter Umschalttaste gehen die Schritte größer. Die Regler für Farbton und Deckkraft funktionieren ebenfalls mit den Pfeiltasten.
Kann ich eine Farbe teilen?
Ja. Die Seitenadresse aktualisiert sich mit der gewählten Farbe, sodass Sie sie als Lesezeichen speichern oder den Link an jemanden senden können.