Skip to main content
PerfectPalette
PerfectPalette HelpColor Tools
Back to app

Color Tools

The Tools page provides standalone utilities for common color tasks. Navigate to Tools in the main navigation to access them. Each tool works independently — you don't need a palette open to use them.

Color Converter

Convert a color between formats instantly.

Supported formats:

  • Hex
  • RGB
  • HSL
  • HSV
  • CMYK
  • LAB
  • LCH
  • OKLCH
  • Pantone (nearest match)

Enter a value in any format and see the equivalent in all other formats.

Color Wheel

An interactive color wheel for exploring harmony relationships.

  • Click or drag on the wheel to select a color.
  • Choose a harmony mode (Complementary, Analogous, Triadic, etc.) to see related colors.
  • Use this to quickly find harmonious combinations before committing to a full palette.

Image Extract

Upload an image to extract its dominant colors.

  • Drag and drop or click to upload an image.
  • PerfectPalette analyzes the image using k-means clustering to find the most prominent colors.
  • Near-white and near-black colors are excluded by default to focus on meaningful hues.
  • Use the extracted colors as a starting point for a new palette.

Website Extract

Pull the color palette from any live website.

  • Enter a website URL.
  • PerfectPalette scans the site and extracts the colors used in its CSS and design.
  • Review the extracted colors and import any you'd like to use.

Scale Generator

Generate a monochromatic or multi-hue color scale.

  • Pick a base color.
  • Generate a stepped scale (lightest to darkest) using perceptually uniform color space.
  • Useful for creating consistent shade ramps for buttons, backgrounds, and borders.

Gradient Generator

Create and preview smooth gradients.

  • Set start and end colors.
  • Adjust the gradient type (linear, radial) and direction.
  • Preview the result and copy the CSS.

Brand Alignment

Compare a palette against brand guidelines.

  • Enter your brand's target colors.
  • Upload or input the palette you want to evaluate.
  • See how closely each color matches the brand targets, with distance scores.
  • Useful for verifying that a design implementation stays faithful to brand specs.

Design Token Import

Import an existing design system into Perfect Palette from standard token files.

  • Upload a DTCG JSON file, Tailwind v3 config (.js/.cjs/.mjs), or CSS custom properties file.
  • Zip archives containing multiple files are supported.
  • Colors, font families, and spacing values are extracted and merged.
  • A new design spec is created automatically — you'll be taken to it after import.
  • Available on Pro plans.