AI-Powered

Farbauswahl

Wählen Sie Farben von Ihrem Bildschirm oder jedem Bild – HEX, RGB, HSL, CMYK, benannt, Pantone.

Your files stay on your device - processed locally via WebAssembly, never uploaded

Upload image to pick

JPEG, PNG, WebP

Your browser doesn't support the EyeDropper API. Upload an image to pick colors from instead.
52
152
219
204.07185628742513°
0.6987447698744769%
0.5313725490196078%

All Formats

Palette (0/8)

Click Add to add the current color to your palette.

Contrast Check

#3498DB
vs
#FFFFFF

Sample text

The quick brown fox jumps over the lazy dog

3.15:1
AA AAA
Share this tool with othersHelp others discover free tools
Embed this tool on your website

Copy this code to add the Farbauswahl to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.

<iframe src="https://optipix.art/embed/color-picker" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="Farbauswahl by OptiPix" loading="lazy"></iframe>
<p style="font-size:12px">Free tool by <a href="https://optipix.art/color-picker">OptiPix Farbauswahl</a></p>

❤️ Love this tool? Support our team.

No ads, no tracking, no limits. Tips keep 104 tools free for everyone.

$

Secure payment via Stripe · No account needed

About Farbauswahl

Last updated: May 2026

OptiPix Color Picker ermöglicht es Ihnen, mit der nativen EyeDropper API in Chromium-basierten Browsern jede Farbe von Ihrem Bildschirm zu erfassen oder Farben mit pixelgenauer Genauigkeit aus jedem hochgeladenen Bild auszuwählen. Jede ausgewählte Farbe wird in HEX, RGB, HSL, HSV, CMYK, der nächstgelegenen CSS-benannten Farbe und dem nächstgelegenen Pantone Solid Coated-Farbton angezeigt. Jedes Format verfügt über eine eigene Ein-Klick-Kopierfunktion. Verfeinern Sie jede Farbe mit den integrierten HSL- und RGB-Schiebereglern. Eine Verlaufsleiste speichert Ihre letzten 30 Auswahlen über Browsersitzungen hinweg. Erstellen Sie eine Palette von bis zu 8 Farben und exportieren Sie sie als CSS-benutzerdefinierte Eigenschaften, JSON oder als herunterladbaren PNG-Streifen. Der integrierte WCAG-Kontrastprüfer zeigt die AA/AAA-Bestanden/Nicht bestanden-Abzeichen für jedes Farbpaar an. Alles läuft lokal – Ihre Bildschirm-Pixel und hochgeladenen Bilder verlassen niemals Ihr Gerät. Perfekt für Designer, die Markenfarben auswählen, Entwickler, die Farbtöne aus Screenshots erfassen, Barrierefreiheitsprüfer, die den Kontrast überprüfen, und alle, die es leid sind, zwischen nativen Pipetten und Farbkonvertern zu wechseln.

How It Works

Der Bildschirm-Picker ruft die native EyeDropper API des Browsers für die Ein-Pixel-Abtastung auf. Die Bildauswahl tastet ein einzelnes Pixel von einer 2D-Leinwand über getImageData ab. Formatkonvertierungen sind reine Mathematik – RGB↔HSL↔HSV↔CMYK – und die benannten/Pantone-Matcher berechnen die quadrierte Euklidische Distanz gegen eine Referenzliste.

Use Cases

  • Erfassen Sie eine Farbe aus einem Screenshot für Ihr Designsystem
  • Konvertieren Sie jede HEX, die Sie online finden, in RGB, HSL oder Pantone
  • Erstellen Sie eine Markenpalette aus einem Moodboard-Bild
  • Überprüfen Sie den WCAG-Kontrast von zwei Farben vor dem Versand
  • Identifizieren Sie eine CSS-benannte Farbe anhand eines Hex-Codes

You Might Also Like

If you find Farbauswahl useful, check out these related tools: Color Palette Extractor, Color Changer, and Photo Filters. All tools run entirely in your browser with no uploads or signups required.

Frequently Asked Questions

Funktioniert die Bildschirm-Pipette in jedem Browser?
Die EyeDropper API funktioniert in Chromium-basierten Browsern (Chrome, Edge, Brave, Opera) ab Version 95. Firefox und Safari unterstützen sie noch nicht – aber Sie können trotzdem ein Bild hochladen und Farben daraus auswählen in jedem Browser.
Sind die Pantone-Farben exakt?
Pantone-Farben werden dem nächstgelegenen Farbfeld in unserer kompakten PMS Solid Coated-Referenz zugeordnet. Pantone verwendet Schmuckfarben, die auf einem Bildschirm nicht exakt reproduziert werden können. Daher ist dies eine Annäherung, die für Inspiration und Entdeckung geeignet ist, nicht für die Farbabstimmung im Druck.
Werden meine Bildschirm-Pixeldaten irgendwohin gesendet?
Nein. Die EyeDropper API läuft vollständig in Ihrem Browser und die ausgewählte Farbe bleibt auf Ihrem Gerät. Hochgeladene Bilder werden in eine lokale Leinwand dekodiert und niemals hochgeladen.
Kann ich eine Palette exportieren?
Ja – klicken Sie auf Hinzufügen, um Farben hinzuzufügen, und exportieren Sie dann als CSS-Variablen, JSON oder laden Sie einen PNG-Palettenstreifen herunter.
Wie überprüfe ich den WCAG-Kontrast?
Verwenden Sie den integrierten Abschnitt Kontrastprüfung. Die aktuelle Farbe wird mit einer zweiten Farbe Ihrer Wahl gepaart, und Sie sehen das Kontrastverhältnis sowie die AA/AAA-Bestanden/Nicht bestanden-Abzeichen.

Related Tools

More AI Analysis Tools

All 102 Tools

Image CompressorBackground RemoverVideo CompressorImage UpscalerOCR Text ExtractorFormat ConverterImage ResizerEXIF RemoverFace BlurDepth EstimationQR Code GeneratorWatermark MakerColor Palette ExtractorPhoto FiltersImage to PDFObject DetectionImage ClassifierImage CaptionerAI Image GeneratorMeme GeneratorGIF MakerPhoto Collage MakerImage CropPhoto EffectsImage to SVGColor ChangerNoise RemoverPhoto RestorationColor PickerFavicon GeneratorImage to Base64Image Metadata ViewerImage AnnotatorPassport Photo MakerDocument ScannerASCII Art GeneratorImage ComparisonSprite Sheet GeneratorObject RemoverPanorama MakerWord CounterCase ConverterLorem Ipsum GeneratorUUID GeneratorUnix Timestamp ConverterText DiffURL Encoder / DecoderHTML Entity Encoder / DecoderBase64 Text Encoder / DecoderText to Binary / Hex / OctalHash GeneratorJSON Formatter / ValidatorRandom String GeneratorCSV ↔ JSON ConverterMarkdown EditorUnit ConverterPercentage CalculatorBMI CalculatorAge CalculatorTip CalculatorCSS Gradient GeneratorCSS Box Shadow GeneratorCSS Border Radius GeneratorGlassmorphism GeneratorNeumorphism GeneratorCSS Text Shadow GeneratorFlexbox PlaygroundCSS Grid GeneratorAudio TrimmerAudio ConverterAudio MergerAudio RecorderVideo to Audio ExtractorAudio Speed ChangerAudio Volume BoosterRingtone MakerVocal RemoverText to SpeechSpeech to TextAudio Noise RemoverAudio EqualizerAudio EffectsVideo TrimmerVideo MergerVideo ResizerVideo Speed ChangerVideo RotatorVideo to MP4 ConverterAdd Music to VideoMute VideoVideo LooperReverse VideoVideo ScreenshotAdd Subtitles to VideoVideo WatermarkScreen RecorderWebcam RecorderSlideshow MakerVideo FiltersCron Expression BuilderRegex TesterUnix Timestamp Converter