NEW: Kromapick Web App Pro is live

Capture, organize, and export the perfect color.

The ultimate color companion for designers, developers, and creators. Capture with your camera, extract from images, and export to your favorite design tools.

Download on the
App Store
GET IT ON
Google Play
100% Precise
Instant HEX/RGB/HSL conversion
Live Camera
Color sampling & magnifying glass
Universal Sync
iOS, Android & Web
Kromapick App Interface
LIVE INTERACTIVE DEMO

Try Kromapick right here

Click 'Generate Palette' or press the spacebar to create harmonious color palettes in real-time. Click any color to copy its HEX code or lock it in place.

Harmony Rule:
Background
RGB(99, 102, 241)
Surface
RGB(236, 72, 153)
Primary
RGB(16, 185, 129)
Secondary
RGB(245, 158, 11)
Text
RGB(59, 130, 246)
WCAG Contrast Check:
Great Readability (AAA)
Interface Simulator
9:41
5G
K
App Design

Welcome back!

Real-time palette preview.

Task Completed
Palette applied to live components
Open in Web App
Want to save or customize this palette?
Open in Web App
PRO FEATURES

Designed to master color effortlessly

Advanced tools built to accelerate your creative workflow.

Live Camera Picker

See a fascinating color in the real world? Point your camera with dynamic target tracking and save it in real-time.

Camera Picker Mockup
#A72E37 • Crimson Rose

Smart Density Control

Extract anywhere from 2 to 10 exact colors per image by adjusting the precision slider.

Densidad:5 colores

WCAG Contrast Checker

Ensure your text and background color pairs are 100% accessible to all users.

Validación WCAG 2.1Conforme
Texto blanco / Crimson7.2:1 (AAA)
Texto oscuro / Amber9.1:1 (AAA)
Cyan sobre Slate Oscuro4.8:1 (AA)
Normal AAA Grande AAA UI AA

Project Organization

Group your palettes by client, brand, or concept in organized, intuitive collections.

Rediseño Web Pro
8 paletas
Branding Cliente X
12 paletas
Interiorismo 2026
5 paletas

Mobile & Web Sync

Your palettes stay automatically synced between your phone and the web app in real-time.

Estado de Sincronización: En vivo (iOS • Android • Web)
app.kromapick.com

Pro Color Mixer

Blend multiple colors together interactively to create custom intermediate shades perfectly suited for your design.

Instant Inspiration

Hit a creative block? Generate beautiful, random colors instantly to kickstart your next masterpiece.

Inspire

Search & Manual Input

Know what you want? Type a color name like 'Navy Blue' or enter precise HEX/HSL values directly.

Navy Blue
Azul Marino
#000080

Design System Scale Generator (50-950)

NEW • OKLCH

Generate 11-step uniform tonal ramps (50 to 950) engineered in perceptual OKLCH color space. Anchor your base shade at 500 or let the algorithm position it naturally, verify WCAG contrast on every step, and export production code with 1 click for Tailwind v4, CSS variables, or Tokens Studio.

Color:
Escala Perceptual (50 → 950)Espacio OKLCH
Detalle del Paso Seleccionado
Paso 500(#3B82F6)
--color-brand-blue-500
Contraste s/ Blanco
3.7:1Fail
Contraste s/ Negro
5.7:1AA
Texto sugerido: OscuroLegibilidad AA
@theme {
  --color-brand-blue-50: #EFF6FF;
  --color-brand-blue-100: #DBEAFE;
  --color-brand-blue-200: #BFDBFE;
  --color-brand-blue-300: #93C5FD;
  --color-brand-blue-400: #60A5FA;
  --color-brand-blue-500: #3B82F6;
  --color-brand-blue-600: #2563EB;
  --color-brand-blue-700: #1D4ED8;
  --color-brand-blue-800: #1E40AF;
  --color-brand-blue-900: #1E3A8A;
  --color-brand-blue-950: #172554;
}
Formato listo para producciónTokens Studio & W3C DTCG Standard

Universal Color Converter

14+ Formats

Instantly convert between HEX, HEX8 with alpha transparency, RGB, HSL, CMYK for print, and code formats for SwiftUI, Flutter, and Jetpack Compose.

Muestra de Color Seleccionada
#3C87F7Electric Blue
Alfa: 85%
HEX8Alfa
#3C87F7D9
RGBACSS
rgba(60, 135, 247, 0.85)
HSLWeb
hsl(216, 92%, 60%)
SwiftUIiOS
Color(0xD93C87F7)
FlutterMóvil
Color(0xD93C87F7)
CMYKImprenta
cmyk(76, 45, 0, 3)
SIMPLE PROCESS

From real world to design in 3 steps

1

1. Snap or Upload

Take a live photo with your camera or choose any image from your personal gallery.

2

2. Refine & Harmonize

Adjust color density, generate design system scales (50-950), explore harmony rules, and validate accessibility contrast.

3

3. Export & Integrate

Export to Adobe files, SVG, PDF, or copy CSS / Tailwind variables straight into your code.

.ASE.SVG.ACOTailwind v4 @themeFigma Tokens
SEAMLESS INTEGRATION

Works with your favorite software

Kromapick exports to industry-standard formats for both design and development.

ASE

Adobe Swatch (.ASE)

Import palettes directly into Photoshop, Illustrator, and InDesign.

Soporte 100% nativo
ACO

Adobe Color (.ACO)

Fully compatible with traditional color swatch libraries.

Soporte 100% nativo
FIGMA

Figma (Tokens Studio)

Export Design Tokens JSON and variables ready for instant sync with Figma.

Soporte 100% nativo
SVG / PDF

SVG & PDF Vectors

Ideal for brand styleguides, pitch decks, and Figma UI design.

Soporte 100% nativo
CSS / TAILWIND

Web Code (Tailwind v4 / CSS)

Copy modern Tailwind v4 @theme syntax, Tailwind v3 config, or CSS :root variables with 50-950 scales in 1 click.

Soporte 100% nativo
DESKTOP EXPERIENCE

Prefer working on desktop?

Access the Pro Web App version of Kromapick to work on large screens and export directly into your dev & design workflow.

Open Pro Web App
FREQUENTLY ASKED QUESTIONS

Got questions? We've got answers

Yes, Kromapick is free to download on iOS and Android with access to essential camera capture and image extraction features. We also offer Pro plans for unlimited exports and cloud sync.

Start creating extraordinary palettes today

Instantly transform any visual inspiration into production-ready colors.

Try Web App Free