The Pro Color Studio & Palette Suite
For Designers, Developers & Creators
Sample any pixel on your screen with browser EyeDropper, generate mathematically tuned color harmonies, test WCAG 2.1 accessibility in real time, and export production-ready tokens directly to CSS, Tailwind, and Apple Swift.
Harmonic Palette Generator
Calculate balanced palettes tuned via color wheel geometry.
WCAG 2.1 Accessibility & Contrast Checker
Verify accessibility compliance for web standards (WCAG 2.1 Level AA & AAA).
Heading Preview (Large Text)
This interactive preview renders typography directly on your selected background. High-contrast color combinations minimize eye fatigue, improve readability in bright sunlight, and ensure accessibility for all users.
Production Code & Design Tokens
Zero manual typing. Copy production-ready variables, configuration objects, and Swift code.
:root {
--color-primary: #3B82F6;
}From macOS Menu Bar to the Open Web
Originally built as Pikka for macOS, our color eyedropper won acclaim across Product Hunt, the Mac App Store, and developer communities worldwide. Today, Pikka is completely reimagined as a zero-install, privacy-first web studio and browser extension running directly in your browser.
Interactive Color Wheel
Drag harmonic color nodes on a 360° chromatic canvas. Generate triadic, complementary, analogous, and tetradic schemes with live hex codes.
Launch Color Wheel →RGBA to 8-Digit HEX Engine
Full two-way alpha transparency converter with checkerboard preview. Generates 8-digit hex codes (#RRGGBBAA) and modern CSS syntax.
HEX to RGBA Converter
Convert any 3, 4, 6, or 8-digit HEX code to CSS RGBA and modern syntax with real-time opacity slider and multi-language export.
Launch HEX to RGBA →Tint & Shade Generator
Generate balanced 11-step 50–950 color scales for Tailwind CSS, CSS variables, and design tokens with perceptual luminance curves.
Generate Color Scale →Palette Web Extractor
Drop in UI screenshots or photos to extract dominant color palettes and CSS hex tokens in-browser using HTML5 Canvas quantization.
Extract From Image →Creator Business & Rates
Independent designers and developers charge what they are worth. Calculate required hourly billing rates accounting for self-employment taxes and studio overhead.
Open Creator Hub →Pick Colors with One Click in Chrome & Edge
Install Pikka's lightweight Manifest V3 extension. Sample pixels from web pages, retain your recent color history, and copy HEX or RGBA codes directly to your clipboard.