Bild-Farb-Wähler

Wählen Sie Farben aus Bildern durch Angabe von Koordinaten. Erhalten Sie Farbwerte in den Formaten HEX, RGB, HSL, HSV und CMYK.

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Laden Sie jede Bilddatei hoch, um Farben zu entnehmen

X-Koordinate in Pixeln, ab counted vom linken Rand (0 = linker Rand)

Y-Koordinate in Pixeln, ab counted vom oberen Rand (0 = oberer Rand)

Radius des Bereichs zum Beispeln (0 = einzelner Pixel, höhere Werte mitteln Farben im Bereich)

Wählen Sie, welche Farbformate in die Ausgabe aufgenommen werden sollen

Wichtige Fakten

Kategorie
Design & Farbe
Eingabetypen
file, number, select
Ausgabetyp
json
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Mit dem Bild-Farb-Wähler können Sie präzise Farbwerte aus Ihren Bildern extrahieren, indem Sie die genauen X- und Y-Koordinaten angeben. Das Tool unterstützt gängige Bildformate wie JPEG, PNG, WebP, GIF, BMP sowie TIFF und gibt die extrahierten Farben in den Formaten HEX, RGB, HSL, HSV und CMYK aus.

Wann verwenden

  • •Wenn Sie den exakten Farbcode eines bestimmten Pixels aus einem Design-Entwurf oder Screenshot ermitteln müssen.
  • •Wenn Sie Farbwerte für Web- oder Printprojekte in verschiedenen Formaten wie HEX, RGB oder CMYK benötigen.
  • •Wenn Sie durch Mittelwertbildung über einen Radius Bildrauschen ausgleichen möchten, um eine repräsentative Farbe zu erhalten.

So funktioniert es

  • •Laden Sie Ihre Bilddatei (z. B. PNG, JPEG oder WebP) mit einer Größe von bis zu 20 MB hoch.
  • •Geben Sie die X- und Y-Koordinaten des Pixels an, dessen Farbe Sie bestimmen möchten.
  • •Stellen Sie optional den Beispielradius ein, um entweder einen einzelnen Pixel oder den Durchschnitt eines Bereichs zu analysieren.
  • •Wählen Sie das gewünschte Ausgabeformat und erhalten Sie die präzisen Farbwerte als JSON-Struktur.

Anwendungsfälle

Extrahieren von Markenfarben aus hochgeladenen Logos oder Corporate-Design-Richtlinien.
Analyse von Farbwerten in technischen Screenshots anhand exakter Pixelkoordinaten.
Konvertierung von Bildfarben direkt in CMYK-Werte für Druckvorlagen.

Beispiele

1. Präzise Markenfarbe aus Logo extrahieren

Webdesigner
Hintergrund
Ein Webdesigner muss den exakten HEX-Farbcode aus dem Logo eines Kunden extrahieren, das als PNG-Datei vorliegt.
Problem
Das manuelle Schätzen der Farbe führt zu Abweichungen im Web-Layout.
Verwendung
Er lädt das Logo hoch, gibt die Koordinaten X=120 und Y=80 an, setzt den Radius auf 0 und wählt das Ausgabeformat HEX.
Beispielkonfiguration
imageFile: logo.png, x: 120, y: 80, sampleRadius: 0, outputFormat: hex
Ergebnis
Das Tool liefert den exakten HEX-Farbwert #1A73E8 für die CSS-Integration.

2. Durchschnittliche Hintergrundfarbe für Produktkatalog ermitteln

E-Commerce-Manager
Hintergrund
Für einen Onlineshop soll die Hintergrundfarbe von Produktbildern harmonisiert werden. Die Bilder haben leichtes Rauschen.
Problem
Ein einzelner Pixel liefert aufgrund von Bildrauschen oft einen verfälschten Farbwert.
Verwendung
Er lädt das Produktbild hoch, wählt die Koordinaten X=10 und Y=10 in der Ecke, stellt den Beispielradius auf 15 Pixel ein und wählt alle Formate.
Beispielkonfiguration
imageFile: produkt.jpg, x: 10, y: 10, sampleRadius: 15, outputFormat: all
Ergebnis
Das Tool berechnet den gemittelten Farbwert über den Radius und gibt ein JSON mit den passenden HEX-, RGB- und HSL-Werten aus.

Mit Samples testen

image, png, jpg
Web Python Bildverarbeitung Beispiele
Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung
title token image
image
Android Java Bildverarbeitungsbeispiele
Android Java Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung
title token image
image
Android Kotlin Bildverarbeitungsbeispiele
Android Kotlin Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung
title token image
image
Bildverarbeitung macOS Objective-C - Beispiele
macOS Objective-C Bildverarbeitungsbeispiele einschließlich Bild-Lesen/Schreiben, Bild-Skalierung und Formatkonvertierung
title token image
image

Verwandte Hubs

Tools fur Bildformat-Konvertierung und animierten Export
Vergleiche Bildkonverter fur JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 und animationsgeeignete Exporte in einem Hub.
Werkzeuge fur Bildbereinigung, Rahmen und Batch-Vorbereitung
Bunde Bildbereinigung, Beschneiden, Padding, Rahmen, Batch-Resize/Kompression, Wasserzeichen und visuelle Veredelung in einem Hub fur Asset-Vorbereitung.
Bildmetadaten-, EXIF- und Datenschutz-Bereinigungs-Tools
Vergleichen Sie Bildmetadaten-Viewer, EXIF/IPTC/XMP-Inspektoren, Ausrichtungsfixes, Metadaten-Editoren und Datenschutz-Bereinigungstools für Foto-Publishing-Workflows.
Tools fur Audio-Encoding und Formatkonvertierung
Vergleiche Audioformat-Konvertierung, Bitratenanderungen, Abtastraten-Konvertierung, Codec-Wechsel und Export-Tools in einem Hub.

FAQ

Welche Bildformate werden unterstützt?

Sie können Dateien in den Formaten JPEG, PNG, WebP, GIF, BMP und TIFF hochladen.

Wie funktionieren die X- und Y-Koordinaten?

Die X-Koordinate bestimmt den Abstand vom linken Rand, die Y-Koordinate den Abstand vom oberen Rand des Bildes in Pixeln.

Was bewirkt der Beispielradius?

Ein Radius von 0 wählt den exakten Pixel. Höhere Werte bis zu 50 Pixel berechnen den Farbdurchschnitt des umliegenden Bereichs.

Welche Farbformate kann das Tool ausgeben?

Das Tool liefert Farbwerte in den Formaten HEX, RGB, HSL, HSV und CMYK.

Gibt es eine Dateigrößenbeschränkung für Bilder?

Ja, die maximale Dateigröße für hochgeladene Bilder beträgt 20 MB.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/image-color-picker

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
imageFile file (Upload erforderlich) Ja Laden Sie jede Bilddatei hoch, um Farben zu entnehmen
x number Ja X-Koordinate in Pixeln, ab counted vom linken Rand (0 = linker Rand)
y number Ja Y-Koordinate in Pixeln, ab counted vom oberen Rand (0 = oberer Rand)
sampleRadius number Nein Radius des Bereichs zum Beispeln (0 = einzelner Pixel, höhere Werte mitteln Farben im Bereich)
outputFormat select Nein Wählen Sie, welche Farbformate in die Ausgabe aufgenommen werden sollen

Dateitypparameter müssen erst über POST /upload/image-color-picker hochgeladen werden, um filePath zu erhalten, dann filePath an das entsprechende Dateifeld übergeben.

Antwortformat

{
  "key": {...},
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
JSON-Daten: JSON-Daten

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-image-color-picker": {
      "name": "image-color-picker",
      "description": "Wählen Sie Farben aus Bildern durch Angabe von Koordinaten. Erhalten Sie Farbwerte in den Formaten HEX, RGB, HSL, HSV und CMYK.",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-color-picker",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Unterstützt URL-Dateilinks oder Base64-Codierung für Dateiparameter.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]