Color choices tend to happen by feel, but three numbers — area share, color difference, and contrast ratio — let you judge how strongly a color reads and how legible it is, with real evidence behind the call.
Published ・Updated
Reading dominant and accent colors by area balance
Extract representative colors and each card shows an "area share" — the fraction of pixels considered for extraction that this color covers (narrow the range and the remaining pixel count becomes the denominator). A large share is a dominant tone; a few percent is an accent.
- If a color you intended as an accent has an area share close to a dominant tone's, it isn't functioning as an accent. Shrink its area, or push its saturation or lightness further from the dominant color.
- Raising the color count can split one dominant color into several near-duplicates, lowering each area share. Raising "Merge strength" folds similar colors back together so the ratio adds up correctly again.
- Narrowing the extraction range to a family such as skin tones changes area share into a ratio within that family rather than the whole image — useful for seeing what ratio of area base, shadow, and blush tones occupy within skin.
Finding colors that sit too close together with color difference (OKLab)
This tool measures Euclidean distance in OKLab as a useful way to compare nearby colors. Its 0.02 warning and 0.10 reference are editing heuristics, not universal visibility thresholds. Size, neighboring colors, display conditions and the viewer affect whether two colors can be distinguished. Compare the actual swatches in the artwork and use the distance to decide which pair to inspect first.
- If the two flagged colors play different roles — a base tone and its shadow, say — push one further in lightness or saturation. If the closeness was deliberate, ignore the flag.
- The skin-tone range is a useful reference for how far is far enough: the difference between the palest, highlight-leaning skin (around #FFE4D1) and the deepest shadow skin (around #8D5A3C) is 0.42, the upper end of "still the same family, just lighter or darker." Around 0.1 is roughly where colors read as distinct.
- Merge strength folds near-duplicate colors together using this distance as its threshold, shown as a number on screen so you can check how aggressively it merged.
Clip Studio Paint has L*a*b* fields of its own, and Ver. 5.1 added Lab sliders plus Lab readouts along the bottom of the color palettes. The names look alike, but L*a*b* (CIELAB) and OKLab are different color spaces: the same color carries different numbers in each, and the thresholds do not transfer. The 0.02 and 0.10 quoted here are OKLab figures, so do not type them into CSP's L*a*b* fields. To transfer a color, copy this tool's HEX as an sRGB value. CSP's color profile and viewing conditions can affect the appearance, so matching HEX values does not guarantee a visual match.
Contrast ratio thresholds: 4.5:1 and 3:1 come from WCAG
Contrast compares a foreground against a particular background using WCAG relative luminance: (lighter luminance + 0.05) / (darker luminance + 0.05). Select the intended background in the tool; the summary counts colors against that background. White and black comparisons remain separate references. A pass against one background says nothing about another, or about an illustration’s overall readability.
- 4.5:1 or higher
- The minimum contrast WCAG AA requires for normal-size body text. Check the text color against the background selected in the tool. This does not guarantee readability on another background or the clarity of line art or an illustration as a whole.
- 3:1 or higher
- WCAG AA’s minimum contrast for large text. A separate criterion requires 3:1 against adjacent colors for identifying relevant UI components and graphics. Select the actual adjacent color as the background for each check. This is not a universal readability guarantee for thick lines or large fills in artwork.
- Selected background and white/black references
- The summary uses the background selected in the tool. White and black ratios are separate references for colors placed on white paper or solid black. A dark background is not necessarily pure black: select its actual color, and check each background separately when the artwork uses several.
Isolating skin tones to sort out shadow colors
Setting "Extraction range" to skin tones narrows the pixels sent to clustering to a skin-colored window in OKLCh — hue 30°-85°, saturation 0.025-0.13, lightness 0.3-0.97. Vivid oranges, yellows, and extremely dark or light pixels fall outside and get excluded, so the color count you choose is spent entirely on gradations within skin.
- Load the image and set "Extraction range" to skin tones. Starting with 4-6 colors tends to capture the main base, shadow, and blush tones.
- Sort by lightness and read each card's lightness and area share top down. The gap from the brightest highlight to the darkest shadow is that character's full range of skin tonal steps.
- Check saturation alongside contrast ratio for a muddy shadow. If saturation drops sharply only in the shadow, that region alone can end up reading as desaturated and out of place.
- If no colors come out at all, that skin tone falls outside the window. Switch to "Custom color range," set a pixel of that skin as reference, and widen the tolerance.
Studying another illustration's color scheme numerically
- Load the frame you want to study and set a higher color count (8-12) to pull out a rough skeleton of its color scheme.
- Sort colors by area share into dominant, secondary, and accent roles, and note each ratio. Accent colors are often just a few percent — that scarcity itself is worth observing.
- Re-run the extraction narrowed to skin tones or a hue, and compare the color difference and lightness gap between base and shadow against the dominant tones' own gradation. Shadow desaturation tends to be distinctive.
- The exported CSV lists HEX, area share, nearest color difference, and contrast ratio side by side, so you can compare several frames purely by the numbers.
- To study the flow from highlight to shadow, load the same image into the gradient map tool. Loading alone keeps your current stops. Choose Re-extract or Rebuild stops from extracted colors to arrange the representative colors as stops in lightness order and inspect the hue changes. This replaces edited stops, so export JSON first if you want to keep them.
Collecting the colors you settled on into a CLIP STUDIO PAINT color set
Once the numbers have settled the palette, keeping it inside CLIP STUDIO PAINT saves you from picking the colors out again every session. The Color Set palette is where those swatches live.
- Choose Color Set from the Window menu to show the palette. The dropdown along its top is the set currently in use.
- Open Edit color sets from the wrench icon at the top right of the palette, then use Create new set to make one for this illustration. Duplicate set builds on an existing palette, Rename changes a name, and Delete removes a set you no longer want.
- Close the dialog with OK, switch the dropdown to the set you just made, and add the colors you chose as dominant and accent tones to it.
Common questions
Does a higher contrast ratio automatically mean a better color scheme?
It's a legibility guide, not a verdict on the color scheme itself — some pieces are deliberately built around low contrast. Use it only as a threshold for colors that need to function as text or lines.
Is it ever fine for the color difference to fall under 0.02?
Yes. Mid-tones inside a gradient, or the same color nudged slightly for paint texture, trigger the "too close" flag on purpose. Only revisit it when the flag lands on two colors meant to play different roles.
What pixels does area share use as its denominator?
The pixels remaining after downscaling to a 160px long edge and filtering by the extraction range — not the original full-resolution count. It approximates area share within the image, not a literal pixel count.
Sources and verification conditions
Sources checked 2026-09-06. Existing screenshots are from CSP 5.0.4; UI labels can vary by version.