Bestimmen Sie online die Farbe eines Pixels in einem Bild. Bestimmen der Farbe auf einem Monitorbildschirm Ein Programm, das auf Änderungen der Pixelfarbe reagiert

Arbeiten mit CSS und Seitenlayout müssen Sie häufig mit Farben arbeiten und sehr oft besteht die Notwendigkeit, den Farb-/Schattencode für einen bestimmten Bereich eines Bildes zu bestimmen. Dafür gibt es ein spezielles Programm namens ColorMania. Es kann von dieser Seite heruntergeladen werden http://www.blacksunsoftware.com/colormania.html. Nach dem Start sieht es so aus.

Mit diesem Programm können Sie den Farbcode an jeder Stelle des Bildschirms ermitteln: Halten Sie dazu die Pipettentaste mit der linken Taste gedrückt und bewegen Sie sie, ohne sie loszulassen, über den Bildschirm an die Stelle, an der Sie die Farbe bestimmen möchten .

Sie können die Art der Farbdarstellung auswählen, zum Beispiel: hexadezimal, als RGB oder in einer anderen Form. Um den Anzeigetyp zu ändern, klicken Sie auf die Dropdown-Liste und wählen Sie den gewünschten Anzeigetyp aus der Liste aus.

Nachdem Sie eine Farbe ausgewählt haben, können Sie auf den Button klicken "Kopieren", kopieren Sie den Farbcode in die Zwischenablage oder wählen Sie ihn mit der Maus aus und verwenden Sie die Tastenkombination „Strg + C“.

Über die Schaltfläche ist es möglich, eine zufällige Farbe auszuwählen "Zufällig".

Sie können den Standarddialog zur Farbauswahl auch aufrufen, indem Sie auf die Schaltfläche klicken "Dialog", mit dem Sie eine Farbe aus den Primärfarben auswählen können.

Im Standarddialog besteht die Möglichkeit, durch Klicken auf die Schaltfläche einen erweiterten Farbauswahldialog zu öffnen „Farbe definieren“ Wählen Sie dann im Spektrum, wo der Zeiger ein Fadenkreuz ist, die gewünschte Farbe aus und drücken Sie "OK".

Anschließend wird die von Ihnen gewählte Farbe und deren Code angezeigt.

Es ist auch möglich, eine Farbe nach Namen auszuwählen, indem Sie mit auf die Dropdown-Liste klicken „HTML-Farbe“.

Und als letztes sei noch erwähnt, dass Sie zur genaueren Bestimmung der Farbe die Option zur Vergrößerung des Bildschirmbereichs unter der Pipette nutzen können. Klicken Sie auf die Dropdown-Liste und ändern Sie den Wert "Zoomen", d.h. Wählen Sie die Vergrößerung, mit der Sie bequemer arbeiten können.

Deshalb haben wir uns ein nicht kompliziertes, aber sehr praktisches Programm zur Bestimmung des Farbcodes in Hexadezimal- und anderen Kodierungssystemen angesehen.

HTMLColors2000 ist ein spezielles Farberkennungsprogramm, das Ihnen hilft, jeden Farbton zu erkennen, den Sie auf Ihrem Bildschirm sehen. Nachdem dieses Programm eine Farbe bestimmt hat, stellt es die Farbdaten in zwei Formaten dar: RGB (Rot, Grün, Blau) und HTML (ein sechsstelliger Code).

Dieses Programm wird für Webdesigner oder für Leute, die gerne in Computerprogrammen zeichnen, einfach unverzichtbar sein. Warum ist es unersetzlich? Denn die Wahl des richtigen Farbtons ist sehr schwierig, manchmal sogar unmöglich. Es gibt natürlich auch andere Programme, die Farben bestimmen können, aber nachdem ich mehrere Programme ausprobiert habe, habe ich mich für dieses entschieden.

Hier sind meine Argumente für dieses Programm:

1) Es wiegt sehr wenig (nur 32 kb).

2) Keine Installation erforderlich.

3) Verbraucht nur wenige Systemressourcen.

4) Und vor allem sehr einfach zu bedienen! Für mich persönlich ist das Wichtigste an dem Programm seine Zuverlässigkeit, Geschwindigkeit und Einfachheit.

Die Arbeit mit diesem Programm ist wirklich sehr einfach:

2) Es gibt fünf Möglichkeiten, Farben auszuwählen:

• Wählen Sie Farben aus, indem Sie die RGB-Schieberegler bewegen.
• Manuelle Eingabe von RGB-Werten.
• Wählen Sie eine Farbe aus der Liste „Farbname“.
• Wählen Sie aus bereits ausgewählten Farbtönen (Seitenleiste, öffnet sich mit der Schaltfläche „Mehr“).
• Mit der Schaltfläche „Bildschirm“ können Sie jede beliebige Farbe auf Ihrem Computermonitor bestimmen.

Die fünfte Methode ist die wunderbarste! Ich erzähle dir etwas mehr über ihn.

Nachdem Sie auf die Schaltfläche „Bildschirm“ geklickt haben, erscheint in der oberen linken Ecke Ihres Monitors ein kleines Fenster, in dem Buchstaben und Zahlen sowie ein kleiner farbiger Balken angezeigt werden. Wenn Sie den Cursor bewegen, werden Sie feststellen, dass sich die Buchstaben und Zahlen zu ändern beginnen und sich auch die Farbleiste ändert.

Dieser Farbbalken zeigt die Farbe an, die sich unter Ihrem Mauszeiger befindet, und die Buchstaben und Zahlen sind nichts anderes als der HTML-Code dieser Farbe.

Der Kern der Methode ist ganz einfach:

1) Sie drücken die Schaltfläche „Bildschirm“ und bewegen den Cursor auf die Farbe, für die Sie den Code erhalten möchten.

2) Schauen Sie in die obere linke Ecke und stellen Sie sicher, dass Sie die gewünschte Farbe nicht übersehen haben.

3) Wenn sich der Cursor an der gewünschten Position befindet, drücken Sie die linke Maustaste.

4) Jetzt müssen Sie nur noch den erhaltenen Code abholen. Kopieren Sie entweder den HTML-Code oder schreiben Sie den RGB-Wert neu.

Laden Sie das Farbbestimmungsprogramm herunter:

P.S. Wenn das Programm nicht auf Ihrem Computer installiert werden möchte (was sehr wahrscheinlich ist, wenn Sie Vista oder Seven installiert haben), hilft Ihnen diese Datei.

Wahrscheinlich eines der ersten Dienstprogramme dieser Art, aber dennoch verliert es nicht an Beliebtheit bei Webmastern.
Das Programm zeigt den HTML-Code der ausgewählten Farbe an und gibt umgekehrt die Farbe per Code an.

Um die Farbe auf dem Monitor zu bestimmen, klicken Sie auf die Schaltfläche „Bildschirm“, zeigen Sie mit dem Zeiger auf die gewünschte Stelle und klicken Sie einmal auf diese Stelle. Das Feld „HTML-Code“ zeigt die Farbe im HTML-Code an. Jetzt müssen Sie nur noch diesen Code in die Zwischenablage kopieren und an der gewünschten Stelle einfügen.
Vorteile: Das Programm wiegt sehr wenig und ist äußerst einfach

Farbauswahlprogramm

Der Vorteil dieses Programms besteht darin, dass es Farben im RGB- oder HSL-Code und natürlich in HTML anzeigt.

Um die Farbe zu bestimmen, müssen Sie auf die Schaltfläche „Farbe mit der Maus auswählen“ klicken. Der Mauszeiger nimmt die Form einer Pipette an. Sie müssen lediglich den Cursor an die gewünschte Stelle bewegen und darauf klicken. Das Programm ist mit Versionen von Windows XP und höher kompatibel.
Erfordert die Installation auf einem Computer.

Nur Farbauswahl

Ich denke, sie ist meine Favoritin. Was mir insbesondere sehr hilft, ist, dass nach der Erfassung einer Farbe in der Benutzeroberfläche ein Balken mit variabler Tonalität und Helligkeit dieser Farbe erscheint. Diese. Ich kann mit der Maus über den Streifen fahren und mir noch ein paar ähnliche Farben, zum Beispiel etwas heller, schnappen, um später die optimale Farbe auszuwählen.

• Beim ersten Start werden Sie aufgefordert, eine Sprache auszuwählen. Russisch ist vorhanden.
• Die Benutzeroberfläche von Just Color Picker enthält eine Bildschirmlupe.
• Ermöglicht das Speichern mehrerer Farben.
• Nimmt Messwerte nicht per Mausklick vor, sondern mit den Hotkeys Alt+X (standardmäßig), wodurch Sie die Farbe genauer bestimmen können
• Nach der Definition einer Farbe ermittelt das Programm automatisch weitere Farben, die mit der ausgewählten Farbe harmonieren und im Design verwendet werden können.
• Erfordert keine Installation, läuft im Hintergrund.

Das Programm ist mit Versionen von Windows XP und höher kompatibel.

Erwähnenswert ist auch das kostenlose Programm ColorPic 4.1. Der einzige Nachteil besteht darin, dass eine Installation auf einem Computer erforderlich ist, d. h. kann nicht im Hintergrund ausgeführt werden.

Aber es hat mehr als genug Vorteile. Das Programm ist nicht ganz einfach, daher finden Sie auf dieser Seite in einem separaten Artikel eine Beschreibung und Anleitung zur Arbeit damit

Ein Webdesigner, Entwickler oder gewöhnlicher Computerbenutzer hat diese Frage wahrscheinlich schon mehr als einmal gestellt. Oft besteht die Notwendigkeit, die Farbe auszuwählen, die für ein Objekt verwendet werden soll, beispielsweise für eine Website oder nur für einen Punkt auf einem Monitorbildschirm.

Es gibt verschiedene grundlegende Möglichkeiten, Farben darzustellen, beispielsweise wenn jede Farbe oder jeder Farbton bezeichnet wird HTML Code und Farbpalette RGB als #FF7700. Dies wird in Form von drei Paaren hexadezimaler Ziffern dargestellt, wobei jedes Paar für seine eigene Farbe verantwortlich ist:
die ersten beiden Ziffern sind rot, d.h. — R(rot)
zwei in der Mitte - grün - G (grün)
letzte zwei Ziffern - blau - B (blau)
Sehr oft verwenden sie eine hinterhältige Darstellung der Farbe in Form der drei Zeichen #F70, was #FF7700 entsprechen würde.

Übrigens werden Farben in Webressourcen normalerweise in CSS-Stilen angegeben.

Kommen wir zur Beantwortung der Hauptfrage: Wie finde ich die Farbe eines Pixels auf einem Monitorbildschirm oder Bild heraus?

Es gibt viele Wege...

Methode 1. Finden Sie die Farbe in Photoshop heraus

Machen wir also einen „Screenshot“, indem wir die Taste „Drucken“ (PrtSc) auf der Tastatur drücken, an der Stelle, an der wir den Code für unsere Farbe herausfinden möchten. Wenn Sie die Taste drücken, speichert das System den Schnappschuss in der Zwischenablage. Sie können das Bild einfach kopieren, beispielsweise aus einem Browser, ohne PrtSc. Jetzt müssen Sie nur noch das Bild aus dem Puffer in Photoshop einfügen.

Öffnen Sie Photoshop und fügen Sie ein Bild ein (Datei – Neu, Bearbeiten – Einfügen). Wir suchen in der Symbolleiste nach „Pipette“ (Taste I) und klicken dann mit der linken Maustaste in den Bereich, in dem wir die Farbe „entfernen“ möchten. Alles ist fertig! Jetzt müssen Sie nur noch zur Palette gehen und den Farbcode herausfinden.

Methode 2. Finden Sie die Farbe in Paint heraus

Gehen Sie zu Paint – fügen Sie ein Bild ein – verwenden Sie das „Palette“-Werkzeug – gehen Sie zu „Farben ändern“:

In unserem Fall ist Rot 252, Grün 168, Blau 10, d.h. RGB(252,168,10) oder im HEX-Format #FCA80A.

Methode 3: Zeigen Sie den Elementcode im Browser an

Ich werde eine Methode für den Opera-Browser beschreiben. Wählen Sie mit der Maus ein Element auf der Site aus und klicken Sie mit der rechten Maustaste darauf – „Elementcode anzeigen“ (Strg + Umschalt + C). Es öffnet sich ein Panel mit HTML- und CSS-Code, Sie müssen etwas wie „Farbe“ finden.

Methode 4. Verwendung spezieller Tools oder Programme.

Es gibt eine Vielzahl spezieller Programme zum Entfernen von Farben; mir gefällt ein sehr einfaches Programm namens „Pixie“ mit einem Gewicht von etwa 10-11 KB. Die Steuerung ist sehr einfach. Zeigen Sie einfach mit der Maus auf die gewünschte Stelle auf dem Monitorbildschirm und drücken Sie die folgenden Tasten: Strg + Alt + C, wodurch der Farbcode in die Zwischenablage kopiert wird.

Beim Arbeiten am Computer, beim Zeichnen in Photoshop und beim Entwerfen von Websites muss ich oft herausfinden, welche Farben bzw. deren Codes bestimmte Objekte auf dem Bildschirm haben. Um Websites zu erstellen und sie mit Inhalten zu füllen, verwende ich am häufigsten HTML-Farben und manchmal verwende ich RGB-Codes, während ich in Photoshop oder anderen Bildbearbeitungsprogrammen arbeite.

Um die Farbe eines Objekts auf dem Monitor zu bestimmen, musste ich bisher einen Screenshot des Bildschirms erstellen (Kopieren in die Zwischenablage mit „Bildschirm drucken“ oder „Alt“ + „Bildschirm drucken“). Anschließend mussten Sie das Bild in Photoshop, Paint oder einen anderen Bildeditor einfügen und mit einer normalen Pipette den Farbcode des gewünschten Objekts ermitteln. Diese ganze Prozedur hat mich viel Zeit gekostet, vor allem wenn sie oft wiederholt werden musste.

Aber jetzt hat sich alles geändert und um die Farbe zu bestimmen, muss ich nichts kopieren und zusätzliche Bilder erstellen.

Pixie ist der einfachste Farbdetektor unter den Armen!

In diesem kurzen Artikel möchte ich Ihnen ein sehr einfaches, praktisches, kompaktes und auch kostenloses Programm zur Farbbestimmung auf einem Monitor vorstellen – Pixie, das für Website-Ersteller, Designer und Programmierer nützlich sein wird.

Elf- ein Programm, das entwickelt wurde, um schnell die Farbe des Objekts zu bestimmen, über dem sich die Maus befindet. Es werden 4 Arten von Codes derselben Farbe angezeigt:

1. HTML Quelltext
2. RGB-Code
3. CMYK-Code
4. Code HSV

Zum Beispiel, wenn Sie mit der Maus darüber fahren weißes Objekt, dann zeigt das Programm die folgenden Farbcodes an:

Wenn Sie beispielsweise mit der Maus darüber fahren, blaue Farbe, dann zeigt das Programm die folgenden Codes an:

Verwenden Sie auch Tastenkombinationen:

1. Strg+Alt+C- Pixie kopiert die Farbe im HTML-Format #XXXXXX in die Zwischenablage.
2. Strg+Alt+X- Pixie öffnet ein Fenster mit einer Farbpalette.
3. Strg+Alt+Z- Pixie vergrößert einen kleinen Bereich in der Nähe des Cursors (wie unter einer Lupe), damit der Benutzer die Farbe eines Objekts auf dem Bildschirm genauer bestimmen kann.

Wenn Sie die oben genannten Tastenkombinationen ändern möchten, klicken Sie mit der rechten Maustaste auf das Programmfenster und stellen Sie es nach Ihren Wünschen ein.

Elf- ein sehr einfaches, nützliches und sogar notwendiges Programm für alle Programmierer, Designer, Webprogrammierer und Webdesigner, das nichts Überflüssiges enthält.

Dieses Programm hilft mir ständig bei meiner Arbeit (bei der Farbbestimmung), sodass ich es Ihnen getrost empfehlen kann. Darüber hinaus wiederhole ich, dass es völlig kostenlos ist.

Sie können sich auch über alle informieren sichere Farben für Website.