Color Picker: Pick any color with real-time conversion to HEX, RGB, HSL, HSV, CMYK. Generate color harmonies automatically.
Image Extractor: Extract dominant colors from images and GIFs using K-means clustering.
Palette Builder: Create, edit, and save color palettes with drag-and-drop reordering.
Gradient Generator: Create linear, radial, conic, and multipoint gradients with 60 presets.
Contrast Checker: Test WCAG AA/AAA compliance with colorblind simulation.

Color Studio supports 5 color formats: HEX (#FF4D29), RGB (255, 77, 41), HSL (10°, 100%, 58%), HSV (10°, 84%, 100%), and CMYK (0%, 70%, 84%, 0%). All formats update in real-time and can be copied with a single click.

Yes! The Image Extractor supports frame-by-frame GIF extraction. You can play/pause the animation, navigate between frames using the timeline, and extract colors from any specific frame. Colors from each frame are tracked separately.

Color Studio supports 10 image formats: JPG, PNG, WebP, AVIF, GIF (including animated), BMP, TIFF, ICO, HEIC, and HEIF. HEIC/HEIF files from iPhones are automatically converted. You can drag and drop images or use the file picker.

Color Studio generates 6 harmony types: Complementary (opposite colors), Analogous (adjacent colors), Triadic (three evenly spaced), Split-Complementary (base + two adjacent to complement), Tetradic (four colors in rectangle), and Monochromatic (single hue, varying lightness). Click any harmony color to use it.

Create gradients with up to 6 color stops. Choose from linear, radial, conic, or multipoint gradient types. Adjust angles and positions. Browse 60 curated presets in the gradient library. Export as CSS, Tailwind CSS, SCSS variables, or SVG code. Download as PNG or JPG image.

WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios for readable text. AA level requires 4.5:1 for normal text, 3:1 for large text. AAA level requires 7:1 and 4.5:1 respectively. Poor contrast makes text hard to read for people with visual impairments.

Yes! The Contrast Checker has "Fix to AA" and "Fix to AAA" buttons that automatically adjust your text color to meet accessibility standards while preserving the original hue as much as possible. If already compliant, you'll see a notification.

The Contrast Checker simulates 3 types of color vision deficiency: Protanopia (red-blind), Deuteranopia (green-blind), and Tritanopia (blue-blind). This helps you verify that your color choices remain distinguishable for users with color vision deficiency.

In the Palette Builder, click the save icon to open the Preset Manager. Name your palette and click Save. Your presets are stored locally in your browser (IndexedDB) and persist across sessions. Load any saved preset with one click. You can also export palettes as PNG images, CSS variables, or JSON files.

Color History automatically tracks the last 20 colors you've used across all modes. Each color shows a badge indicating which mode it came from (Picker, Image, Palette, Gradient, or Contrast). Click the clock icon to view your history and click any color to copy it to clipboard.

Yes! Click the eyedropper icon in the Color Picker to activate the EyeDropper API (available in Chrome, Edge, and Opera). This lets you pick any color from anywhere on your screen, including other applications and browser tabs.

Color Studio runs entirely in your browser. No images or colors are ever uploaded to any server. Your presets, history, and favorites are stored locally using IndexedDB.

Yes! Once loaded, Color Studio works completely offline. All color calculations, image processing, and gradient generation happen in your browser. Your saved presets and history remain accessible without an internet connection.