AI-Powered

Kleurenpicker

Kies kleuren van uw scherm of elke afbeelding – HEX, RGB, HSL, CMYK, benoemd, 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 Kleurenpicker 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="Kleurenpicker by OptiPix" loading="lazy"></iframe>
<p style="font-size:12px">Free tool by <a href="https://optipix.art/color-picker">OptiPix Kleurenpicker</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 Kleurenpicker

Last updated: May 2026

OptiPix Color Picker laat je elke kleur van je scherm pakken met de native EyeDropper API in Chromium-browsers, of kleuren kiezen uit elke geüploade afbeelding met pixel-nauwkeurige precisie. Elke gekozen kleur wordt weergegeven in HEX, RGB, HSL, HSV, CMYK, de dichtstbijzijnde CSS-kleur, en de dichtstbijzijnde Pantone Solid Coated staal. Elk formaat heeft zijn eigen kopieerknop met één klik. Stem elke kleur fijn af met de ingebouwde HSL- en RGB-schuifregelaars. Een geschiedenisstrip onthoudt je laatste 30 keuzes tussen browsersessies. Bouw een palet van maximaal 8 kleuren en exporteer het als CSS custom properties, JSON, of een downloadbare PNG-strip. De geïntegreerde WCAG-contrastchecker toont de AA/AAA pass/fail badges voor elk kleurenpair. Alles draait lokaal - je schermpixels en geüploade afbeeldingen verlaten nooit je apparaat. Perfect voor ontwerpers die merkkleuren kiezen, ontwikkelaars die kleurstalen uit screenshots pakken, toegankelijkheidsauditors die contrast verifiëren, en iedereen die moe is van het wisselen tussen native pipetten en kleurconverters.

How It Works

De schermkiezer roept de native EyeDropper API van de browser aan voor bemonstering van één pixel. Beeldkiezen bemonstert een enkele pixel uit een 2D-canvas via getImageData. Formaatconversies zijn pure wiskunde - RGB↔HSL↔HSV↔CMYK - en de naam/Pantone-matchers berekenen de gekwadrateerde Euclidische afstand tegen een referentielijst.

Use Cases

  • Pak een kleur uit een screenshot voor je design system
  • Converteer elke HEX die je online vindt naar RGB, HSL of Pantone
  • Bouw een merkpalet uit een moodboard-afbeelding
  • Verifieer het WCAG-contrast van twee kleuren voor publicatie
  • Identificeer een CSS-kleur op naam uit een hex-code

You Might Also Like

If you find Kleurenpicker 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

Werkt de schermpipet in elke browser?
De EyeDropper API werkt in Chromium-gebaseerde browsers (Chrome, Edge, Brave, Opera) versie 95+. Firefox en Safari ondersteunen het nog niet - maar je kunt nog steeds een afbeelding uploaden en er kleuren uit kiezen in elke browser.
Zijn de Pantone-kleuren exact?
Pantone-kleuren worden gematcht met het dichtstbijzijnde staal in onze compacte PMS Solid Coated referentie. Pantone gebruikt steunkleuren die niet exact op een scherm kunnen worden gereproduceerd, dus dit is een benadering die geschikt is voor inspiratie en ontdekking, niet voor kleurmatching voor de druk.
Worden mijn schermpixelgegevens ergens naartoe gestuurd?
Nee. De EyeDropper API draait volledig in je browser en de gekozen kleur blijft op je apparaat. Geüploade afbeeldingen worden gedecodeerd naar een lokaal canvas en nooit geüpload.
Kan ik een palet exporteren?
Ja - klik op Toevoegen om kleuren toe te voegen, exporteer vervolgens als CSS-variabelen, JSON, of download een PNG-paletstrip.
Hoe controleer ik WCAG-contrast?
Gebruik de ingebouwde Contrast Check sectie. De huidige kleur wordt gekoppeld aan een tweede kleur naar keuze, en je ziet de contrastverhouding plus AA / AAA pass-fail badges.

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