Eenvoudige kleurenkiezer

Gratis kleurenkiezer voor Chrome

Kies een kleur van elke pagina. Krijg #E8553D

Eenvoudige kleurenkiezer is een gratis pipet voor Chrome. Druk op de knop of op Alt+P, richt op een pixel via de zoomloep en klik: de HEX-, RGB- of HSL-code staat al op je klembord. Je laatste 50 kleuren staan klaar in de popup.

Toevoegen aan Chrome — gratis

453 gebruikers in de Chrome Web Store

Werkt ook in Edge, Brave, Opera en andere Chromium-browsers.

De vierkante zoomloep over een poster op een webpagina omlijst één pixel met HEX, RGB en HSL, naast de popup van Eenvoudige kleurenkiezer met #E8553D en een geschiedenis van kleuren

In het kort

Wat het doet
Een kleurenkiezer-pipet: richt via een zoomloep op een pixel op een webpagina, klik, en de HEX-, RGB- of HSL-code wordt gekopieerd.
Voor wie
Webontwikkelaars en ontwerpers die kleuren overnemen van live sites, ontwerpen en screenshots in de browser, en iedereen die een kleurcode nodig heeft.
Prijs
Gratis. Geen account, geen betaalde versie.
Gegevens
Je geschiedenis en standaardformaat blijven in de lokale opslag van de extensie op je apparaat. Geen analytics, geen netwerkverzoeken.
Werkt in
Chrome en andere Chromium-browsers die extensies uit de Chrome Web Store installeren, op een computer. Niet op browserpagina's zoals het nieuwe tabblad, de instellingen of de Chrome Web Store.
Beperkingen
Kiest uit het zichtbare deel van het tabblad, via een momentopname die bij het starten wordt gemaakt. Geen CMYK, Pantone of contrastcontrole, en geen kleuren kiezen buiten de browser.
Versie
2.7.0, bijgewerkt 23 oktober 2026

Drie stappen, één klik

  1. 1

    Start de kleurenkiezer

    Klik op het werkbalkpictogram en druk op Kies een kleur, of druk op Alt+P op een willekeurige pagina.

  2. 2

    Richt met de loep

    Een vierkante loep zoomt in rond de cursor en omlijst precies één pixel. Een label eronder toont live de HEX, RGB en HSL.

  3. 3

    Klik en plak

    De code wordt gekopieerd in je standaardformaat en een korte melding bevestigt dat. Plak hem in CSS, Figma of een bericht.

Wie het gebruikt

CSS

Front-end

Haal exacte waarden van een live site voor CSS, SCSS of een Tailwind-config, zonder DevTools te openen.

HEX

Ontwerp en merkcontrole

Pak een palet uit een interface, een ontwerp of een referentie, en controleer of een pagina de juiste merkkleur gebruikt.

HSL

Kleuren afstemmen

Neem HSL om helderheid en verzadiging met de hand aan te passen, of RGB voor code die getallen wil.

Wat het doet

  • pixel, omlijst

    De loep vergroot 11 × 11 pixels rond de cursor en een richtkruis omlijst de pixel die je pakt. Raak een rand van één pixel of één stap van een kleurverloop.

  • formaten

    HEX zoals #2A6FDB, RGB zoals rgb(42, 111, 219), HSL zoals hsl(217, 71%, 51%). Kies het standaardformaat één keer in de popup.

  • kleuren in de geschiedenis

    Elke gekozen kleur komt vooraan in een raster van je laatste 50 kleuren, zonder dubbelen. Klik op een staal om alle drie de codes te zien en te kopiëren.

  • Sneltoets Alt+P

    Start zonder de popup te openen. De toetsaanduiding in de popup opent de sneltoetsinstellingen van Chrome als je een andere toets wilt.

  • netwerkverzoeken

    Alles draait in je browser. Geen account, geen analytics, geen telemetrie.

  • Licht en donker

    De popup en de loep volgen het systeemthema, in neutrale grijstinten die de kleuren die je beoordeelt niet kleuren.

Zo haal je de kleurcode van alles op een webpagina

De eigen pipet van Chrome zit in DevTools: open het paneel Stijlen, zoek een kleureigenschap, klik op het kleurstaal en dan op de pipet. Dat werkt, maar het zit diep verstopt, en de gekozen waarde vervangt die eigenschap in de CSS van de pagina in plaats van op je klembord te komen.

Eenvoudige kleurenkiezer zet een pipet op één klik of één sneltoets afstand. Bij het starten maakt hij een momentopname van het zichtbare deel van het tabblad en opent een vierkante loep erover, zodat je de exacte pixel ziet, geen gemiddelde. Eén klik kopieert de code, en de popup bewaart hem met je laatste 50 kleuren in alle drie de formaten.

Scroll naar het deel van de pagina dat je nodig hebt voordat je start: de loep leest uit die momentopname. Browserpagina's zoals het nieuwe tabblad, de instellingen en de Chrome Web Store zijn voor elke extensie gesloten.

Privé door ontwerp

  • Geen netwerkverzoeken

    De extensie praat nooit met een server. Geen analytics, geen telemetrie.

  • Blijft op je apparaat

    Je geschiedenis en standaardformaat staan in de lokale opslag van de extensie.

  • Vier rechten

    Het actieve tabblad, alleen wanneer je een keuze start, voor de momentopname; scripting om de loep te tonen; opslag voor geschiedenis en formaat; schrijven naar het klembord om de code te kopiëren.

DevTools-pipet vs Eenvoudige kleurenkiezer

DevTools-pipet vs Eenvoudige kleurenkiezerDevTools-pipetEenvoudige kleurenkiezer
Hoe te startenOpen DevTools, zoek een kleur in Stijlen, klik op het staal en dan op de pipetWerkbalkknop of Alt+P
Resultaat komt inDe CSS-eigenschap die je opende; je kopieert zelfJe klembord, met één klik
KleurformatenHEX, RGB, HSL en meerHEX, RGB en HSL
Eerder gekozen kleurenNiet bewaardJe laatste 50, klaar om opnieuw te kopiëren
PrijsIngebouwd in ChromeGratis

Vragen

Hoe haal ik de kleurcode van een website?

Installeer Eenvoudige kleurenkiezer, druk op de pagina op Alt+P, richt de loep op de kleur en klik. De HEX-code, of RGB of HSL als je dat liever hebt, staat op je klembord.

Hoe kies ik een kleur uit een afbeelding op een webpagina?

Op dezelfde manier: start de kleurenkiezer en klik op de gewenste pixel in de afbeelding. De loep zoomt in, zodat je één exacte pixel kunt pakken.

Kan ik HSL of RGB kopiëren in plaats van HEX?

Ja. Kies het standaardformaat in de popup: HEX, RGB of HSL. De popup toont ook alle drie voor elke kleur in je geschiedenis, elk met een eigen kopieerknop.

Waar vind ik kleuren die ik eerder koos?

Open de popup: je laatste 50 kleuren staan daar als stalen, de nieuwste eerst. Klik op een staal om de codes te zien en te kopiëren, of wis de geschiedenis.

Hoe wijzig ik de sneltoets Alt+P?

Klik op de toetsaanduiding van de sneltoets in de popup. Die opent de pagina met sneltoetsen van Chrome, waar je een andere toets kunt instellen.

Waarom werkt het niet op sommige pagina's?

Chrome sluit zijn eigen pagina's, zoals het nieuwe tabblad, de instellingen en de Chrome Web Store, af voor alle extensies. De kleurenkiezer leest ook alleen het zichtbare deel van het tabblad, dus scroll eerst naar de kleur.

Kan hij kleuren buiten de browser kiezen?

Nee. Hij kiest alleen uit het huidige browsertabblad. Hij converteert ook niet naar CMYK of Pantone en controleert geen contrast.

Is het gratis? Verzamelt het gegevens?

Het is gratis en doet geen netwerkverzoeken. Je geschiedenis en standaardformaat blijven op je apparaat.

Meer gratis extensies van PYROCTAL

Richt. Klik. Plak.

Toevoegen aan Chrome — gratis