Wordt er iets naar een server gestuurd?

Nee. De kiezer, de verloopbouwer en het pipet draaien in je browser, en je geschiedenis staat in de local storage van je eigen apparaat.

Welke formaten kan ik kopiëren?

HEX, RGB en RGBA, HSL, HSV, CMYK, XYZ, LAB en LCH, plus een kant-en-klare CSS-declaratie voor zowel kleuren als verlopen.

Waarom verschijnt het schermpipet niet?

Het leunt op de EyeDropper-API van de browser, die niet overal bestaat. Ontbreekt die, upload dan een afbeelding en prik daaruit.

Hoe worden de populaire kleuren gekozen?

Uit waargenomen gebruik in plaats van een voorspelling: welke kleuren gekozen worden, en hoe vaak, over een jaar.

Mag ik deze kleuren commercieel gebruiken?

Ja. Een kleurwaarde is van niemand, dus alles wat je hier kopieert kan zo je werk in.

Kies een kleur, pak de code en ga verder

Kleurkiezer, verloopbouwer en afbeeldingpipet op één pagina. Geen account, geen installatie en geen wachten: kies een tint en kopieer hem als HEX, RGB, HSL of HSV.

Kleurpagina openen

Kleurcodes

HEX#0F37FF

RGBrgb(15, 55, 255)

HSLhsl(230°, 100%, 52.94%)

HSVhsv(230°, 94.12%, 100%)

CMYKcmyk(94.12%, 78.43%, 0%, 0%)

XYZxyz(19.61, 10.05, 95.5)

LABlab(37.93, 62.96, -98.45)

LCHlch(37.93, 116.86, 302.6°)

Populaire kleuren

Alle populaire kleuren bekijken

Wat er in zit

Pipet

Neem kleuren uit een geüploade afbeelding, of van alles op het scherm waar de browser dat toestaat. Sleep een bestand op de pagina en klik op een pixel.

Formaatconversie

Wissel direct tussen HEX, RGB, HSL, HSV, CMYK, XYZ, LAB en LCH, en kopieer elke waarde regelrecht naar CSS of je ontwerpprogramma.

Verloopbouwer

Voeg stops toe en versleep ze over de balk, wissel tussen lineair en radiaal, stel hoek en dekking in en kopieer de uiteindelijke CSS.

Kleurgeschiedenis

Elke kleur en elk verloop blijft in je browser bewaard, zodat je er later op terug kunt komen of het in een ander project kunt hergebruiken.

Harmonieën en varianten

Elke kleurpagina toont tints, shades en zes harmonieschema's, en maakt van elk daarvan met één klik een verloop.

Gratis en privé

Geen betaalmuur en geen tracking van wat je kiest. Geüploade afbeeldingen worden in de browser gelezen en gaan nergens heen.

Voor wie het is

Ontwerpers en productteams: Bij het schetsen van een interface of merkpalet, het uitproberen van combinaties en het kopiëren van de exacte CSS voor een verloop.
Illustratie en kunst: Voor het prikken van kleuren uit foto's en schilderijen met het pipet, en het plannen van zachte overgangen.
Front-end ontwikkeling: Voor consistente kleurwaarden door een project heen en het uitlezen van waarden uit een bestaand ontwerp.
Wie toegankelijkheid controleert: Om een kleur over meerdere modellen te vergelijken en bij te stellen tot de contrastverhouding de gewenste drempel haalt.

Zo gebruik je het

1
Kies een kleur
Klik ergens in het verzadigingsveld en verfijn daarna met de schuifregelaars voor tint en alpha. HEX, RGB en HSV lopen mee.
2
Prik uit een afbeelding
Sleep een afbeelding op de pagina of kies een bestand, en klik op de gewenste pixel. De codes verschijnen meteen.
3
Bouw een verloop
Klik op de balk om een stop toe te voegen en sleep hem op zijn plek. Wissel tussen lineair en radiaal en stel de hoek in.
4
Kopieer en hergebruik
Kopieer de waarde of de complete CSS-declaratie. Alles wat je kiest wordt automatisch bewaard.

Veelgestelde vragen

Een klein hulpmiddel dat niet in de weg zit

Het begon als intern hulpmiddel: we wilden een kleur pakken, bijstellen en doorgaan, zonder eerst een zwaar ontwerpprogramma te openen. Het is bewust één pagina, bewust snel, en het blijft gratis.

Browserextensies

Liever kleuren rechtstreeks van de pagina's die je bezoekt? De extensies voor Chrome en Edge zetten een pipet in je werkbalk, houden hun eigen geschiedenis bij en openen dit hulpmiddel met één klik.

Chrome Web Store openen Microsoft Edge Add-ons openen