Pick Colors from Images Accurately & Privately

Sampling colors from an image in the browser relies on direct memory access to raw RGBA framebuffer bytes. Khalasna executes this client-side using HTML5 Canvas and the ctx.getImageData(x, y, 1, 1) API. When you load an image, it is drawn onto an off-screen canvas at native 1:1 pixel scale. As your cursor moves across the visual display, responsive coordinate math maps screen mouse events (clientX, clientY) into exact source pixel coordinates (x, y), compensating for CSS scaling and devicePixelRatio. The magnifying loupe extracts a 9x9 or 15x15 pixel window, rendering zoomed grid blocks on an auxiliary canvas. When you click, the engine queries the single-pixel Uint8ClampedArray containing [R, G, B, A] bytes. It converts these 8-bit integers into hexadecimal strings (#RRGGBB) and calculates hue, saturation, and lightness (HSL) using standard chromatic color space formulas. All calculations execute locally with zero network overhead, keeping proprietary design files completely secure.