Kleurkiezer uit afbeelding
Klik op een willekeurige pixel van een foto om de kleur af te lezen. RGB 11, 122, 106 is bijvoorbeeld #0B7A6A in HEX, en de tool toont ook de zes dominante kleuren. De afbeelding blijft in je browser.
Zo werkt het
- Kies een afbeelding van je apparaat, of druk op Voorbeeldafbeelding gebruiken om het uit te proberen.
- Klik of tik ergens op de afbeelding om die pixel af te lezen. Op een computer kun je ook de pijltjestoetsen gebruiken om het kiespunt één pixel te verschuiven, of Shift ingedrukt houden voor tien.
- Kopieer de HEX-, RGB- of HSL-waarde, of druk op een staal in het palet om een van de zes dominante kleuren te laden.
Berekening
De afbeelding wordt getekend op een verborgen canvas in je browser en de exacte pixel onder je aanwijzer wordt teruggelezen als rood-, groen- en blauwwaarden van 0 tot 255. HEX schrijft dezelfde drie getallen in grondtal 16, dus 11, 122, 106 wordt #0B7A6A.
HSL zet dezelfde kleur om naar tint (0 tot 360 graden), verzadiging en lichtheid in procenten. Het is handig om een kleur lichter, donkerder of minder intens te maken zonder zijn karakter te veranderen.
Het palet gebruikt een methode van vakken splitsen die lijkt op median cut. Alle pixels beginnen in één vak; het vak met de grootste spreiding aan waarden wordt herhaaldelijk gesplitst op het midden van zijn breedste kanaal, tot er zes vakken zijn. Elk staal is de gemiddelde kleur van één vak, gesorteerd op hoeveel van de afbeelding het beslaat. Grote foto’s worden gesampled en transparante pixels worden genegeerd.
Veelgestelde vragen
Wordt mijn afbeelding ergens geüpload?
Nee. Het bestand wordt geopend met de eigen hulpmiddelen van je browser en getekend op een canvas op je apparaat. Er is geen upload en er wordt niets opgeslagen.
Waarom wijkt de kleur af van wat ik in mijn ontwerpapp zie?
Deze tool leest de pixelwaarden die de browser decodeert. Heeft je afbeelding een ingebed kleurprofiel zoals Display P3, of is ze als JPEG gecomprimeerd, dan kunnen de getallen licht afwijken van het oorspronkelijke ontwerpbestand. Kies uit een PNG voor het meest exacte resultaat.
Waarom zit de keuze niet precies waar ik klikte?
Grote afbeeldingen worden verkleind om op de pagina te passen, dus één schermpixel kan meerdere afbeeldingspixels beslaan. De kleur die je krijgt, komt van de verkleinde kopie op het scherm.
Kan ik kleuren kiezen van een webpagina of mijn scherm?
Maak eerst een schermafbeelding en open die hier. Een browserpagina kan de pixels van andere tabbladen of apps niet lezen.