Palettio: Color Picker

Palettio turns the colors around you into code. Point your camera at anything — a brand, a poster, packaging, a sunset — and read the exact color live, or snap a photo and auto-extract a full palette. Then export it straight to your stack. Fully offline. No account required. LIVE CAMERA COLOR READER Point your camera and read the exact color under the crosshair in real time — no photo needed. Save it with one tap, complete with HEX, RGB, HSL, HSV, and CMYK values. The fastest way to grab a color from the real world. AUTO-EXTRACT A PALETTE FROM ANY PHOTO Stop sampling one pixel at a time. Tap once and Palettio finds the key colors in any photo or screenshot and turns them into a palette you can save, refine, and export. Perfect for matching a brand, lifting colors from a reference, or starting a design from a real-world scene. EXPORT TO YOUR STACK — 11 FORMATS Copy any color, palette, or gradient as production-ready code (11 export formats across palettes and gradients): - CSS Variables and SCSS - Tailwind CSS config - React Native StyleSheet - Flutter / Dart Color classes - SwiftUI / UIColor - Figma design tokens (W3C JSON) - Adobe ASE, JSON, and Plain Text - Gradients also export to SVG Everything works offline — on a plane, in a meeting, anywhere. No upload, ever. PRECISION EYEDROPPER A magnified, real-time eyedropper samples the exact color under your finger, with a live trail and automatic color naming from a library of 226 colors. Every color is saved with full HEX, RGB, HSL, HSV, and CMYK values. PALETTE & GRADIENT MAKER Generate beautiful palettes from any base color with 12 palette styles — 6 classic color harmonies (complementary, analogous, triadic, tetradic, split-complementary, monochromatic) plus 6 curated moods (pastel, vibrant, warm, cool, earthy, sunset). Build linear and radial gradients, or start from a template. ACCESSIBILITY BUILT IN - WCAG 2.0 contrast checker with AA/AAA results and accessible-color suggestions - Color-blindness simulator covering 7 types of color vision deficiency - Export contrast and accessibility reports as PNG or PDF Ship color that works for everyone. DESIGNED FOR DEVELOPERS & DESIGNERS - Complete color history with search, filters, and favorites - Light, Dark, and System themes - Works entirely offline — your data stays on your device, no account - Available in 44 languages - Fast, smooth, and lightweight PALETTIO PRO Upgrade for unlimited auto-extract from photos (free includes 3 full auto-extractions), unlock every code & design export format (Tailwind, SwiftUI, Flutter, React Native, SCSS, Figma tokens, Adobe ASE), share watermark-free images and PDFs, and remove ads. Monthly and annual plans — includes a free trial where offered. Whether you build with Tailwind, SwiftUI, Flutter, or React Native, design in Figma, or just love color — Palettio gets the colors out of your world and into your work.