peekapixel
an interactive color picker tool that reveals pixel colors on hover over uploaded images
peekapixel is a developer-friendly tool that allows users to analyze and extract color information from images. perfect for designers and developers who need to identify specific color values from visual references.
key features
- real-time color picking on hover
- local image upload and storage
- color format conversion (hex, rgb, hsl)
- image history tracking
- responsive design
tech stack
frontend
next.js
typescript
tailwind css
shadcn/ui
framer motion
next-themes
storage
local blob storage
indexeddb
devops
vercel
custom domain
screenshots
challenges
- implementing efficient pixel color extraction
- managing local storage for uploaded images
- ensuring smooth hover performance
solutions
- used canvas api for pixel data extraction
- implemented efficient blob storage management
- optimized hover events with debouncing