ColorForge — Help & Documentation

ColorForge is a comprehensive color tool with 5 tabs: Converter (HEX/RGB/HSL/HSV/CMYK/HWB), Palette Generator (8 types), Contrast Checker (WCAG compliance), Image Picker (sample colors from photos), and Named Colors (148 CSS colors).

1. Enter a color in any format (HEX, RGB, HSL, etc.) 2. All other formats update automatically 3. Use the tabs to access palette generation, contrast checking, image picking, or named colors 4. Click Copy next to any format to copy it

Enter a color value in any format field — all others update instantly. Use the native color picker, the Random button, or the Eyedropper tool to select colors. Your last 24 colors are saved in the history strip.

Generates color palettes based on color theory. 8 types available: Complementary (opposite), Analogous (adjacent), Triadic (3 evenly spaced), Tetradic (4 evenly spaced), Split-Complementary, Monochromatic (same hue, different lightness), Shades (darker), Tints (lighter). Click any swatch to load that color.

Tests foreground/background color combinations against WCAG 2.1 accessibility guidelines. Shows contrast ratio and pass/fail for AA Normal (4.5:1), AA Large (3:1), AAA Normal (7:1), and AAA Large (4.5:1). Use the Swap button to reverse foreground and background.

Upload an image (PNG, JPG, SVG, WebP) and click anywhere on it to sample the color at that pixel. The sampled color shows in HEX, RGB, and HSL. Click "Use this color" to load it into the Converter tab.

• Use Random Color for quick inspiration
• The Monochromatic palette is great for UI design
• Contrast ratios of 4.5:1+ are required for WCAG AA compliance
• HWB format is intuitive: Hue + how much White + how much Black

Eyedropper missing: Only available in Chrome/Edge. Firefox/Safari don't support the EyeDropper API.
Image picker not working: Make sure the image loaded fully before clicking.
Color history not saving: Check that localStorage is not full or disabled.