Character Color Navigator
A palette assistant focused on character color design. Pick a base color and get seven color schemes based on color theory. Copy HEX codes with one click or save the palettes as an image.
① Pick a Base Color
Hue
HEX Code
Tone by Character Impression
Keeps the hue and adjusts brightness and saturation to match the impression.
③ Save as Image
Saves the palettes currently shown in the catalog as a single PNG image.
② Browse the Palette Catalog
Click any color to copy its HEX code. Swatch widths suggest area roles (Base / Sub / Accent), and the small hue wheel shows how each palette's colors are arranged on the color wheel (the larger dot is the base color).
Monochromatic
#Unity#SimpleVariations in brightness and saturation of a single hue. Cohesive, calm, and harmonious.
Analogous
#Harmony#NaturalAdjacent colors on the color wheel. Natural, easy on the eyes, gentle and friendly.
Complementary
#Impact#ContrastColors opposite each other on the wheel. Strong contrast that makes each color stand out.
Split Complementary
#Stylish#BalanceThe two colors next to the complement. Keeps vibrancy while softening the harsh contrast.
Triadic
#Balance#ColorfulThree evenly spaced colors. Diverse hues with balanced distribution and a lively feel.
Tetradic (Rectangle)
#Rich#UniqueFour colors forming a rectangle on the wheel. Rich and diverse expression.
Tetradic (Square)
#Dynamic#EvenFour evenly spaced colors. More uniform intensity — dynamic and daring.
Create a Color Palette in 3 Easy Steps
Pick a Base Color
Choose the starting color with the color picker, hue slider, or the Surprise Me button. Tone presets tune it toward the character's impression while keeping the hue.
Browse the Catalog
Seven color schemes are generated automatically from your base color. Filter by theme and find the palette that matches your image.
Copy & Save
Click any color to copy its HEX code instantly. Save the catalog as one PNG image to keep it beside your canvas.
About Character Color Navigator
Character Color Navigator is a free web tool that helps you decide character color schemes. Pick a single base color and it instantly proposes seven color palettes based on color-wheel relationships. All processing happens in your browser — nothing is uploaded.
- Color schemes: Seven patterns are generated from color-wheel relationships: monochromatic, analogous, complementary, split complementary, triadic, and two tetradic variants.
- Color roles: Swatch widths hint at area roles (Base / Sub / Accent). A ratio around 70:25:5 is often cited as a reference — treat it as a starting point, not a rule.
- Hue wheel diagram: Each palette shows a compact hue wheel indicating where its colors sit on the color wheel. Complementary forms a straight line, triadic a triangle, tetradic a rectangle — so you can learn the structure at a glance.
- Tone presets: Each preset changes only saturation and lightness while keeping the hue, so the color identity of your character stays intact.
- Image export: The visible catalog is rendered to a high-resolution (2x) PNG image in your browser.
- Privacy: All color math and image generation run locally in your browser.
Character Color Analyzer
Analyze the color balance of character illustrations locally in your browser. Upload an image to visualize palette balance and study your own work or reference pieces.
v2.0.0(2026/07/04)
- Completely redesigned the interface
- Added a compact hue-wheel diagram to each palette showing how its colors are arranged on the color wheel
- Added a large color swatch, hue slider, and Surprise Me button for intuitive base color picking
- Tone presets are now always visible with a preview of the resulting color
- Redesigned the saved palette image
- Copy and save results are now shown as toast notifications
- Moved instructions into the page and removed the startup popup
v1.2.0(2025/10/15)
- UI improvement: Major tool layout update
v1.1.0(2025/06/01)
- Implement tone adjustment to change to pastel, vivid, etc. while preserving the base color hue
- Display palette color roles (Base 70%, Assort 25%, Accent 5%)
v1.0.0(2025/05/31)
- Generate various color scheme patterns from base color (monochromatic, analogous, complementary, etc.)
- Add color scheme category filtering (e.g. calm & harmonious)
- Introduce color balance visualization based on color roles (base, assort, accent)
- Add image labels and detailed description display for palettes
- Implement tutorial modal explaining how to use the tool
- Improve customized palette image download