How to use the Pixel Color Picker
- Drag in the square for saturation and brightness, and on the strip for hue, or type a hex or RGB value.
- Or click any swatch in the palettes: PICO-8, Sweetie 16, Endesga 32/64, Resurrect 64, NES, Game Boy and more.
- Use the shading ramp to grab hue-shifted darker and lighter versions.
- Click a format to copy it: HEX, RGB, HSL, HSV, OKLCH, 0x, Godot, Unity or GameMaker.
What you get
- Color codes in 9 formats
- A 9-step hue-shifted ramp for the current color
- Recently copied colors (stored in this browser only)
Tips from making games with it
- The ramp rotates shadows toward blue-violet and highlights toward yellow. That's usually a better start than straight darker/lighter versions.
- Copy the Godot or Unity code directly into scripts to avoid typos in color constants.
- Recent colors are saved locally, so the picker remembers your session's colors after a reload.
Use cases
- Choosing colors from a known retro palette
- Converting a hex code into engine code
- Building a quick shading ramp for a new material
- Checking the OKLCH lightness of two colors
FAQ
Which palettes are included?
PICO-8, Sweetie 16, Endesga 32, Endesga 64, Resurrect 64, DawnBringer 16 and 32, NES, Game Boy (DMG and Pocket), Commodore 64, CGA, 1-bit and an 8-step grayscale.
What is OKLCH?
A color space where lightness matches perception. Two colors with the same OKLCH lightness look equally bright, which helps when you build ramps.
Is the NES palette exact?
The NES had no fixed RGB output; colors depend on the TV and emulator. This is the commonly used 2C02 approximation.
Where are recent colors stored?
In your browser's local storage. Nothing is sent anywhere, and you can clear the list at any time.
Can I use it on mobile?
Yes. The square and hue strip work with touch.