Farbprobe & Palette

Bild

Auch möglich: Bild mit Strg+V einfügen oder hierher ziehen. Dann auf die Stelle klicken, deren Farbe man haben will - oder die Probe mit den Pfeiltasten bewegen und mit der Eingabetaste aufnehmen.

Noch kein Bild geladen.

Zoom 100 %

Aufgenommene Farbe

Noch keine Farbe aufgenommen.

HEX eintippen

Palette zur Farbe

Abstufungen (hell nach dunkel)

Stufen

Harmonien

Präfix für die CSS-Variablen

Bildfarben

Die häufigsten Farben des Bildes erscheinen, sobald ein Bild geladen ist.

Sammlung

Noch keine Farben gesammelt - eine Farbe aufnehmen und „Farbe sammeln“ drücken. Die Sammlung bleibt im Browser gespeichert.

Farben aufnehmen, Werte, Bildfarben, Sammlung, Datenschutz

Aufnehmen: Bild öffnen (oder einfügen mit Strg+V, oder hierher ziehen) und auf die gewünschte Stelle klicken. Die Probe mittelt ein kleines Umfeld von 3 × 3 Bildpunkten, damit ein einzelnes verrauschtes Pixel nicht ins Gewicht fällt. Mit dem Zoom-Regler lassen sich auch kleine Details treffen.
Tastatur: Die Bildfläche nimmt den Fokus an. Die Pfeiltasten bewegen die Probe (mit Umschalt in Zehner-Schritten), die Eingabetaste nimmt die Farbe an der Probe auf. Solange der Zeiger über dem Bild steht, zeigt die Lupe den Umgebungsausschnitt samt Farbwert.
„Farbe vom Bildschirm“ erscheint nur in Browsern, die die Bildschirm-Pipette anbieten (z. B. Chrome und Edge) - damit lässt sich auch eine Farbe außerhalb des Bildes aufnehmen. Ohne Bild geht auch „HEX eintippen“.
HEX ist die Schreibweise fürs Web: Raute plus sechs Zeichen (zum Beispiel 1A2B3C). RGB nennt die Anteile von Rot, Grün und Blau, HSL beschreibt Farbton (0-360°), Sättigung und Helligkeit in Prozent - HSL ist am besten, um eine Farbe gezielt heller oder dunkler zu machen. CMYK zeigt die Druckfarben als Näherung ohne Farbprofil (der vierte Wert ist der Schwarz-Anteil, das K für Key) - für den echten Druck taugt sie nur als Anhaltspunkt.
Kontrast nennt das Verhältnis der Farbe zu Weiß und zu Schwarz nach WCAG: ab 4,5:1 erfüllt Text darauf Stufe AA, ab 7:1 Stufe AAA, ab 3:1 genügt es für großen Text. So lässt sich prüfen, ob eine gewählte Farbe als Text- oder Flächengrund lesbar bleibt.
Abstufungen halten Farbton und Sättigung fest und verändern nur die Helligkeit - so entsteht eine kleine Tonleiter für Buttons, Karten und Hintergründe; die Stufenzahl lässt sich umschalten. Harmonien drehen den Farbton (Komplementär 180°, Analog ±30°, Triadisch ±120°, Split ±150°).
Bildfarben liest automatisch die häufigsten Farben des geladenen Bildes aus (abgetastet und auf wenige, klar verschiedene Farben zusammengefasst) - gut, um die Farbwelt eines Fotos oder Logos zu übernehmen.
Jede Farbe in der Palette lässt sich anklicken und wird damit zur neuen Ausgangsfarbe - so kann man Schritt für Schritt weiter drehen. Mit „Farbe sammeln“ landet die aktuelle Farbe in der Sammlung; sie bleibt im lokalen Speicher des Browsers (localStorage) und wird nirgends hin übertragen. Jede gesammelte Farbe lässt sich einzeln wegnehmen, der Knopf „Sammlung leeren“ fragt einmal nach.
Datenhaltung: Das Bild wird nur im Browser gelesen, nichts wird hochgeladen, gesendet oder gespeichert.