Adobe AEM
Back to tool

Color Converter & Palette Studio — User Guide

The Color Converter & Palette Studio provides a complete toolkit for converting color formats, checking accessibility compliance, extracting palettes from images, and generating Tailwind CSS color scales.

Features

  1. Multi-Format Conversion: Parses and converts between HEX, RGB, HSL, HSV, CMYK, and OKLCH.
  2. WCAG 2.x Contrast Ratio Checker: Evaluates text/background contrast ratios against WCAG 2.1 AA and AAA standards (minimum 4.5:1 for normal text, 7:1 for AAA).
  3. Tailwind CSS 50-950 Color Scale Generator: Computes a full 11-step Tailwind CSS shade scale (50 through 950) for any base color with copyable tailwind.config.js code.
  4. Image Color Picker: Upload any image or drop a URL to pick colors with a loupe magnifier and extract dominant color palettes using K-Means clustering.
  5. Interactive Spectrum Picker: Visual HSL spectrum color picker and harmony generator (Complementary, Analogous, Triadic, Monochromatic).