Kromapick Help Center

Point your device's camera at any physical object, scene, or surface to instantly extract dominant colors. The real-time extraction engine continuously samples the camera feed and lets you adjust the number of colors captured using a smooth density slider (from 2 to 10 tones). When you need pinpoint precision, hit the Freeze button to pause the image and position the crosshair reticle pixel by pixel with a magnifying loupe. Once analyzed, you can save and export the captured photograph with the palette seamlessly overlaid as an aesthetic graphic presentation card ready to share or archive.

Got a list of hex codes from a client brief, spreadsheet, or design document? The Multi-HEX import tool lets you paste entire blocks of text. The smart parser automatically detects and extracts every valid hexadecimal color code, regardless of whether it includes the # prefix or is separated by spaces, commas, or line breaks. You can also import images directly to process them entirely on-device with zero cloud exposure.

If you already know the exact shade you need or prefer searching by evocative names, the manual input mode delivers surgical accuracy. Enter hex values directly or adjust reactive sliders for Hue, Saturation, and Lightness (HSL). If you're looking for creative inspiration, search by artistic or common color names (like 'Terracotta', 'Cerulean', or 'Sage Green') to locate the closest swatch in our curated registry.

A powerhouse technical conversion hub engineered for developers and designers. Effortlessly translate any color across more than 14 industry-standard formats, including HEX, HEX8, RGB, RGBA, HSL, HSLA, CMYK (for professional printing), and HSV. For mobile and frontend developers, it generates production-ready code snippets for SwiftUI (Color), Jetpack Compose (Color(0x...)), Flutter (Color(0x...)), and CSS variables (:root). It also features an interactive alpha-channel opacity slider over a transparency checkerboard and one-tap clipboard copying with haptic feedback.

Blend two or more colors together to explore digital and physical pigmentation results. Adjust proportion sliders to see how the tones merge across a smooth transition ramp. It's the ideal tool to discover harmonious bridge shades, secondary transitional tones, or realistic paint mixes.

Suffering from creative block? The Inspire engine creates balanced, high-aesthetic color sets with a single tap based on color harmony heuristics. When you discover tones you love, lock them with the padlock icon; subsequent shuffles will preserve your locked selections while regenerating the surrounding colors in perfect equilibrium.

Browse through an inspiring library of curated palettes organized by trending aesthetics and creative moods (Cyberpunk, Earthy, Minimalist, Neon, Editorial, Pastel). Find instant inspiration for your next digital product or physical artwork and clone any collection directly into your own project folders.

Inside any color's detail view, explore its mathematical relationships across the color wheel: Analogous, Complementary, Triadic, Tetradic, Monochromatic, and Split-Complementary schemes. In addition, the engine automatically calculates a complete spectrum of Shades (darker tones) and Tints (lighter tones) in measured steps, perfect for creating deep design system token sets.

Elevate your design system consistency with our professional color scale generator. Starting from any base color, Kromapick automatically builds an 11-step tonal ramp (50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950) calculated in the perceptually uniform OKLCH color space. Unlike legacy RGB or HSL models, OKLCH provides linear, smooth lightness progression without hue shifting or muddy desaturation. Every step displays real-time WCAG 2.1 contrast ratios against pure white and deep black backgrounds, badges for AAA/AA compliance, and recommended accessible text colors. You can also export code with 1 click or save the generated scale directly as a palette or add it seamlessly into an existing project folder.

Visual flair should never compromise accessibility. Kromapick features a real-time contrast ratio calculator compliant with WCAG 2.1 standards. Instantly evaluate whether your color passes AA and AAA conformance levels for both regular and large text against pure white and deep black backgrounds, catching readability flaws before writing code.

Wondering how your colors will actually perform in a digital interface? The UI Palette Tester projects your palette onto realistic mobile interface components: commerce cards, navigation headers, primary/secondary action buttons, status pills, avatars, and editorial text blocks. Use the interactive Shuffle button to rotate color roles (background, accent, surface, borders) on the fly to inspect visual balance before opening Figma or code.

Bridge your color palettes with your entire design and engineering toolchain. Kromapick exports to native industry formats: Adobe Swatch Exchange (.ASE) and Adobe Color (.ACO) for Photoshop and Illustrator, JSON tokens compatible with Figma Tokens Studio, vector SVG cards, and comprehensive PDF brand spec sheets. For engineers, export clean Tailwind CSS configurations, native CSS variables (:root), SwiftUI, Flutter, and Compose code.

Keep your creative assets neatly organized by grouping palettes into custom Project folders for specific brands, clients, or products. Logging into your Kromapick account activates secure, continuous cloud synchronization powered by Supabase with full offline support. If you ever delete a color or palette accidentally, the Trash folder preserves removed items for 30 days so you can restore them with zero loss.

Kromapick's core capture, conversion, and exploration tools are completely free. Upgrading to Kromapick Pro unlocks the full creative suite: unlimited multi-device cloud synchronization, unlimited project folders, unrestricted palette storage, access to all professional export formats (ASE, ACO, Figma Tokens, vector PDF), an ad-free workspace, and priority access to newly released tools.