How to use the Reference Viewer
- Drop one or more images. Each opens in its own tab.
- Scroll or pinch to zoom at the cursor, drag to pan. Fit and 1:1 are one click.
- Hover to read hex, RGB and HSV under the cursor. Click to add the color to your picked palette.
- Use grayscale to check values and flip to check proportions.
- Extract 8, 16 or 32 dominant colors, then copy or export the palette as .gpl or .hex.
What you get
- Picked palette as hex list, .gpl or .hex
- Dominant colors of the whole image
Tips from making games with it
- Grayscale view shows whether your sprite reads by value alone. If shapes merge, adjust lightness, not hue.
- Flipping the reference (and your own drawing) is the oldest trick for spotting lopsided proportions.
- Pick colors from a lit area and a shadow area of the same material to see how the original artist shifted hue.
- Images stay in this tab's memory only. Closing the page clears them.
Use cases
- Studying sprites from games you admire, pixel by pixel
- Picking colors from concept art while drawing
- Value-checking your own sprites in grayscale
- Building a palette from a mood board
FAQ
Can I open several references?
Yes. Drop several files at once or add more later; each opens as a tab.
How far can I zoom?
From 10% up to 64×. Above 6× you can show a pixel grid.
How do I pick a color without moving the view?
A click without dragging picks the color. A drag pans the view.
Where do the extracted colors come from?
Perceptual k-means over every pixel of the image, sorted from dark to light. Click a swatch to add it to your picked palette.
Are my references uploaded?
No. Images are opened locally in your browser and never sent anywhere.