COLOR STUDIO

Expert Color Workbench.

Use the live tools below. Values are calculated in your browser unless a database-backed match is explicitly requested.

140+live expert workflows
AnalyzerImage LabPalette LabColor ScienceAccessibilityDeveloperDesign SystemComposition
CONVERSION & ANALYSIS

Universal Color Analyzer

IMAGE COLOR INTELLIGENCE

Exact Pixel & Palette Lab

Upload an image. Click any pixel for its exact source RGB/HEX value. Dominant palette extraction uses actual sampled image pixels rather than invented rounded colors.

Exact source pixel coordinates are preserved.
Upload an image, then click it to sample an exact source pixel.
PALETTE ENGINE

Palette Generator & Variants

COLOR SCIENCE

Delta-E, LAB & Temperature

ACCESSIBILITY

Contrast, WCAG & Color Vision

DEVELOPER EXPORTS

Production Color Tokens

COMPOSITION

Gradient & Blend Composer

DESIGN SYSTEM

Semantic Roles & Scale Builder

ADVANCED COLOR FORMATS

OKLab, OKLCH, XYZ, YIQ & Alpha

Additional modern and legacy color-space inspection using the same source HEX.

LIVE LIBRARY MATCHING

Similarity, Name & Family Search

Uses the connected 53,785-color library. Results are database-backed, not fabricated.

COLOR QA

Production Color Quality Checks

Run practical checks before using a color system in production UI.

EXPERT COLOR SCIENCE

Professional Color Science Lab

Compare ΔE76, ΔE94 and ΔE2000, inspect OKLCH, neutrality, luminance and practical gamut-risk indicators.

PALETTE ENGINEERING

Perceptual Palette & Accessibility Matrix

Build an OKLab-interpolated ramp and test every generated color against white and black.

MIXING ENGINE

Color-Space Mixing Studio

Compare RGB, HSL, LAB and OKLab interpolation so the same endpoints can be evaluated across spaces.

ACCESSIBILITY PRO

Contrast Matrix & UI State Lab

Enter a comma-separated palette and generate pairwise WCAG contrast results plus practical UI-role checks.

BRAND SYSTEMS

Brand Identity Color Suite

Generate primary, secondary, accent, neutral, hover and focus candidates from your brand colors.

PRINT & PRODUCTION

CMYK & Prepress Helper

Practical CMYK inspection, estimated total ink coverage, grayscale and black-construction guidance.

EXPORT PRO

Production Token Export Studio

Generate CSS, SCSS, Tailwind, SVG and design-token representations from a palette.

IMAGE PRO

Pixel Neighborhood & Histogram Lab

After uploading an image above, select a pixel and inspect its local neighborhood and sampled color distribution.