PixPin
Screenshots

Farbwähler

Lesen Sie mit der PixPin-Lupe Pixelfarben aus, kopieren Sie RGB- oder HEX-Werte, erstellen Sie eigene Farbformate und nutzen Sie Koordinaten und Markierungen.

Während eines Screenshots können Sie mit der PixPin-Lupe die Farbe jedes Bildschirmpixels auslesen und in gängigen Formaten wie RGB oder HEX kopieren. Zum Vergleichen von Farbpaletten oder Prüfen von Oberflächenfarben benötigen Designer und Entwickler keinen zusätzlichen Farbwähler.

Halten Sie Alt (Option unter macOS) gedrückt, um die Lupe einzublenden. Steuern Sie ein Pixel an und kopieren Sie seine Farbe mit C.

Farben mit der Lupe auswählen

Drücken Sie Ctrl+1⌃ Control+1, um einen Screenshot zu starten.

Halten Sie Alt⌥ Option gedrückt. Neben dem Mauszeiger erscheint eine Lupe mit vergrößerten Pixeln aus seiner Umgebung sowie den Koordinaten und dem Farbwert des mittleren Pixels.

Richten Sie die Mitte der Lupe auf das gewünschte Pixel aus und drücken Sie CC. Der Farbwert wird in die Zwischenablage kopiert und die Screenshot-Aufnahme endet.

Damit die Lupe auch ohne gedrückte Alt⌥ Option-Taste sichtbar bleibt, ändern Sie auf der Seite Screenshot in den Einstellungen die Option Hilfslinien anzeigen auf Immer anzeigen.

Sie können auch Farben aus Pins auslesen: Bewegen Sie den Mauszeiger auf einen Pin, halten Sie Alt⌥ Option gedrückt, um die Lupe einzublenden, und drücken Sie CC, um die Farbe zu kopieren.

Pixel genau ansteuern

Die Gitterlinien der Lupe trennen die einzelnen Pixel. Das Quadrat in der Mitte markiert das Pixel, dessen Farbe ausgelesen wird. Kleine Symbole und 1 Pixel breite Rahmen lassen sich mit der Maus oft schwer treffen. Bewegen Sie den Mauszeiger dann mit der Tastatur:

TasteWirkung
WWMauszeiger um 1 Pixel nach oben bewegen
SSMauszeiger um 1 Pixel nach unten bewegen
AAMauszeiger um 1 Pixel nach links bewegen
DDMauszeiger um 1 Pixel nach rechts bewegen

Die Darstellung der Lupe lässt sich auf der Seite Screenshot in den Einstellungen anpassen:

  • Lupenvergrößerung: 1- bis 100-fach, standardmäßig 11-fach.
  • Lupeninhalt: Aktivieren Sie nach Bedarf Gitterlinien, Fadenkreuz, mittleren Rahmen, Screenshot-Rahmen, Screenshot-Steuerpunkte, Markierungen, Steuerlinien der Markierungen und Mauskoordinaten.
  • Farbe der Lupengitterlinien, Lupeninhalt weich skalieren und Tastenkombinationen in der Lupe anzeigen.

Farben kopieren und Formate wechseln

AktionTastenkombination
Farbwert kopierenCC
Farbformat wechselnShift⇧ Shift

Mit jedem Druck auf Shift⇧ Shift wechselt der Farbwert in der Lupe zum nächsten aktivierten Format. Kopiert wird im aktuell angezeigten Format.

Farbformate

PixPin enthält die folgenden Farbformate. Standardmäßig sind RGB und #HEX aktiviert:

FormatBeispielStandard
RGBrgb(4, 133, 247)Aktiviert
BGRbgr(247, 133, 4)Deaktiviert
HEX0485f7Deaktiviert
#HEX#0485f7Aktiviert
HSVhsv(208, 98%, 97%)Deaktiviert
HSLhsl(208, 97%, 49%)Deaktiviert

Aktivieren Sie weitere Formate zunächst, damit Sie mit Shift⇧ Shift zu ihnen wechseln können.

Eigene Farbformate

Wenn Sie eine bestimmte Schreibweise benötigen, etwa für CSS-Variablen oder Farbkonstanten im Code, können Sie eigene Formate hinzufügen.

Fügen Sie ein eigenes Farbformat hinzu, etwa eine CSS-Variable.

Öffnen Sie die Seite Screenshot in den Einstellungen. Klicken Sie unter Lupenfarbformate auf Farbformate verwalten.

Klicken Sie auf Neues Format und geben Sie im Fenster Farbformat hinzufügen einen Namen und ein Format ein. Verwenden Sie Parameter für die einzelnen Farbkomponenten, etwa %Re für den Rotwert. Unten im Fenster zeigt eine Beispielfarbe das Ergebnis in Echtzeit.

Klicken Sie auf Speichern. Das neue Format erscheint in der Liste.

Unter Farbformate verwalten:

AktionVorgehen
Aktivieren / deaktivierenAktivieren oder deaktivieren Sie das Kontrollkästchen vor dem Format. Nur aktivierte Formate erscheinen in der Lupe.
BearbeitenDoppelklicken Sie auf ein Format oder klicken Sie mit der rechten Maustaste darauf und wählen Sie Bearbeiten.
SortierenZiehen Sie die Formate in die gewünschte Reihenfolge. Shift⇧ Shift durchläuft sie in dieser Reihenfolge.
LöschenKlicken Sie mit der rechten Maustaste auf ein Format und wählen Sie Löschen.

Häufig verwendete Parameter:

ParameterBedeutungParameterBedeutung
%ReRot%HuFarbton
%GrGrün%SlSättigung (HSL)
%BlBlau%LiHelligkeit
%AlAlpha%SbSättigung (HSB)
%VaWert (V in HSV)%NaFarbname

An die Parameter für Rot, Grün, Blau und Alpha können Sie einen Buchstaben anhängen, der die Zahlendarstellung bestimmt: b steht für einen Wert von 0–255 (Standard), x / X für zwei Hexadezimalstellen (Klein- / Großbuchstaben), h / H für eine Hexadezimalstelle und f / F für eine Dezimalzahl von 0–1 (mit / ohne führende Null). So ergibt #%ReX%GrX%BlX beispielsweise #0485F7.

Unter Verfügbare Parameter im Fenster finden Sie alle Parameter, darunter Komponenten für CMYK, HSI, CIE Lab, Oklab, Oklch und XYZ.

Koordinaten

Die Lupe zeigt auch die Koordinaten des Pixels unter dem Mauszeiger an. Es gibt zwei Darstellungsarten:

  • Bildschirmkoordinaten: Der Ursprung liegt in der linken oberen Bildschirmecke.
  • Relative Auswahlkoordinaten: Der Ursprung liegt in der linken oberen Ecke der Auswahl. Damit können Sie die Position von Oberflächenelementen innerhalb eines Bereichs messen.

Drücken Sie PP, um zwischen den Koordinatenarten zu wechseln, und Alt+C⌥ Option+C, um die aktuellen Koordinaten zu kopieren.

  • BildschirmkoordinatenUrsprung ist die linke obere Bildschirmecke.
  • Relative AuswahlkoordinatenUrsprung ist die linke obere Ecke der Auswahl. P wechselt den Modus.
  • Farbe beim MarkierenWählen Sie ein Markierungswerkzeug und wenden Sie die Farbe mit C an.

Farben beim Markieren auswählen

Beim Markieren können Sie eine Farbe direkt aus dem Screenshot für das aktuelle Markierungswerkzeug übernehmen, statt in der Palette nach einem ähnlichen Farbton zu suchen:

Wählen Sie in der Screenshot-Symbolleiste oder der Markierungs-Symbolleiste eines Pins ein Markierungswerkzeug aus, etwa Rechteck oder Stift.

Bewegen Sie den Mauszeiger auf die gewünschte Farbe und drücken Sie CC.

PixPin meldet, dass die Farbe angewendet wurde. Das aktuelle Werkzeug übernimmt die ausgelesene Farbe. Anschließend gezeichnete Markierungen verwenden diese Farbe.

Wenn ein Markierungswerkzeug ausgewählt ist, wendet CC die Farbe auf das Werkzeug an. Der Farbwert wird nicht kopiert und die Screenshot-Aufnahme bleibt geöffnet.

Auf dieser Seite