Loading page
ColorForge is a professional color platform for designers and developers: palettes, contrast checking, format conversion, gradients, and accessible color scales — all in one place.
Toolkit
Focused modules, each solving one color problem properly.
Pick colors visually with an HSV pad, fine-tune with RGB sliders and hex input, and copy any CSS format.
Generate harmonious color palettes from a seed color using complementary, analogous, and triadic schemes.
Test foreground and background pairs against WCAG AA and AAA thresholds, with color-blindness simulation and fix suggestions.
Convert between HEX, RGB, HSL, OKLCH, and CMYK with precise, lossless round-tripping wherever possible.
Design linear, radial, and conic gradients with live CSS output ready to paste into your project.
Generate 100 shades, tints, and tones from any base color, with JSON and CSS export for design-system token sets.
Pull dominant colors and full palettes out of any uploaded image, entirely in the browser.
Colors
A rotating selection worth stealing. Click any card to copy its hex value.
Palettes
Curated combinations, ready to use. Click any stripe to copy that color, or open a palette for the full breakdown.
Warm brand energy from violet to golden hour.
Cool, trustworthy blues for product interfaces.
Grounded greens for sustainability and wellness.
High-contrast accents for dark-mode-first designs.
Indigo through magenta — rich, after-dark luxury.
Toasted browns and amber, straight off the vine.
Cyan and magenta on near-black — screens and signage.
Blush pinks warmed by a touch of gold.
Cool blue-grays for enterprise and SaaS UI.
Learn
Color theory, accessibility, and design-system craft — written for people who ship.
AA compliance doesn't have to mean washed-out interfaces. A practical walkthrough of contrast budgets, token pairing, and where designers usually lose the plot.
Perceptually uniform lightness changes everything about how you build scales. What OKLCH fixes, where it bites, and how to migrate from HSL without regressions.
Turning #7C3AED into fifty shades that actually work together — tint math, semantic naming, and the dark-mode traps nobody warns you about.
FAQ
The short answers to what people ask most about ColorForge.
The first tools are landing soon — free, fast, and entirely in your browser. Until then, explore what's coming.