Color Picker

Finding the right color sits at the intersection of creative instinct and technical precision. This tool brings every color operation you need in a typical design-and-development workflow into one place.

Features

Pick from Screen (EyeDropper API)

Sample any pixel visible on your screen — a website, an app UI, or any open image. Supported in Chromium-based browsers (Chrome, Edge).

Multiple Format Support

Copy your selected color in six formats with a single click:

• HEX — Web development standard
• RGB — CSS and screen design
• RGBA — CSS with alpha transparency
• HSL — Human-readable model; ideal for theming systems
• CMYK — Print and offset design
• Power Apps RGBA — RGBA(r, g, b, a) syntax used directly in Canvas Apps

Color Harmony

Generate palettes from your selected color using six harmony rules:

• Complementary: Opposite hues; strong contrast
• Triadic: Evenly spaced at 120°; balanced energy
• Analogous: Adjacent hues; natural, cohesive feel
• Split-Complementary: Two complements + base; dynamic yet balanced
• Tetradic: Four-corner palette; rich and versatile
• Monochromatic: Same hue, varied lightness levels

Design Themes

Curated ready-to-use palettes: Ocean Breeze, Sunset Glow, Forest Calm, Lavender Mist, Neon Studio, Warm Paper, Power Apps, and Monochrome. Click any swatch to load it into the picker.

WCAG Contrast Analysis

Calculates WCAG 2.1 contrast ratios for white and black text against your selected color. Shows AA, AAA, and Large Text compliance levels — check accessibility at a glance.

Color History

Last 12 selections are saved automatically. Jump back to any previous color in one click during your session.

Tips

• Use the RGBA format for Power Apps Canvas color properties
• Derive a tone scale with Monochromatic harmony when building a brand guide
• Before printing, verify readability from the Contrast tab
• Use EyeDropper to reverse-engineer competitor product colors in seconds