Color Toolkit: Color Tools

Color Toolkit is an all-in-one color picker, palette generator, color converter and gradient maker for designers, developers, artists and creators. Pick colors from images or your screen, build harmonious combinations, check accessibility and save your favorites—all on your device.

Pick colors from images and your screen

Use the Image Color Picker to select precise colors from photos, illustrations and screenshots. A magnified preview helps you target individual pixels while displaying the color name, HEX, RGB and HSL values.

The floating Screen Color Picker lets you sample and copy colors while viewing other apps, websites and interfaces.

• Pick colors from any image
• Select pixels with a magnified preview
• Pick colors with a floating screen tool
• Collect multiple swatches from an image
• Copy, save or inspect colors
• Find the closest common color name

Extract and generate palettes

Extract dominant colors from photos and artwork to create reusable palettes. Choose the palette size, copy individual colors or the complete palette, save it locally or share it.

Generate coordinated schemes from any base color using monochromatic, analogous, complementary, triadic, tetradic and split-complementary harmony modes. Randomize colors for inspiration and explore combinations for brands, app themes, websites and illustrations.

Create shades, tints and color mixes

Generate lighter tints, darker shades and balanced tones from any color. Mix colors and adjust the blend ratio to create custom results. Copy generated values or save useful colors.

Build custom gradients

Create linear, radial and conic gradients with custom color stops, angles and positions. Start with a built-in preset or create your own.

• Multiple customizable color stops
• Adjustable angles and positions
• Linear, radial and conic styles
• CSS gradient code
• Jetpack Compose gradient code
• Copy, save and share options

Convert color codes

Convert between HEX, RGB, RGBA, HSL, HSV/HSB and CMYK. Select a color once to view every supported format. Copy one value or share all formats together.

Check contrast and accessibility

Compare foreground and background colors, calculate their contrast ratio and check WCAG 2.1 AA and AAA contrast criteria. Preview text, controls and interface elements to evaluate readability before using the colors in your design.

Simulate color-vision deficiencies

Preview palettes, photos and interface colors through simulations of common color-vision deficiencies. Compare original and simulated results to find combinations that may be difficult to distinguish.

Simulations include common red-green and blue-yellow deficiencies, plus monochromacy previews. They are intended for design evaluation and accessibility awareness, not medical diagnosis.

Save your work

Keep colors, palettes and gradients in your local library. Return to saved items whenever needed to copy their values or share them.

Private and offline-first

Color processing takes place on your device. No account is required. Selected images and captured screen frames are processed locally and are not uploaded. Saved colors, palettes and gradients remain in local storage.

Create, inspect and reuse colors confidently with one practical toolkit.