Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

Jump to content

Practical Color Coordinate System

From Wikipedia, the free encyclopedia

The Practical Color Coordinate System (PCCS) is a discrete color space developed by the Japan Color Research Institute in 1964. PCCS is notable for indexing colors by just two characteristics, hue and tone, as opposed to the three (hue, value, and chroma) traditionally used by systems such as the Munsell color system.[1][2][3]

Hue

[edit]

PCCS defines 24 gradations of hue, arranged to be perceptually equal. These hues are determined based on the psychological primaries (●) and their psychological complements (○) as well as the additive and subtractive primaries (△).[1][4]

ProcedureHueNumber:SymbolNameNotes
 1:pRPurplish red
2:RRed
3:yRYellowish redAdditive primary red.
 4:rOReddish orange
 5:OOrange
6:yOYellowish orange
 7:rYReddish yellow
● △8:YYellowPsychological & subtractive primary yellow.
 9:gYGreenish yellow
 10:YGYellow green
 11:yGYellowish green
● △12:GGreenPsychological & additive primary green.
 13:bGBluish green
14:BGBlue green
 15:BGBlue green
16:gBGreenish blueSubtractive primary cyan.
 17:BBlue
18:BBluePsychological primary blue.
19:pBPurplish blueAdditive primary blue.
20:VViolet
 21:bPBluish purple
 22:PPurple
 23:rPReddish purple
○ △24:RPRed purpleSubtractive primary magenta.


Upon comparing two hues, the difference in hue number can be used to determine the following relationships.[5]

DifferenceRelationshipCorresponding hues when based on red( 2:R)
0Same hue 2:R
1Adjacent hues 1:rP, 3:rY
2–3Similar hues 4:rO, 5:O, 23:rP, 24:RP
4–7Intermediate hues 6:yO, 7:rY, 8:Y, 9:gY, 19:pB, 20:V, 21:bP, 22:P
8–10Contrasting hues 10:YG, 11:yG, 12:G, 16:gB, 17:B, 18:B
11Adjacent complementary hues 13:bG, 15:BG
12Complementary hue 14:BG

Tone

[edit]

PCCS defines 12 tones and 5 achromatic greys based on Munsell categorizations of lightness and chroma. Colors within the same tone category will have a similar quality regardless of hue.[1][2] Lightness ranges from 1.5 (black) to 9.5 (white), while chroma ranges from 0s (achromatic) to 9s (pure color).[1]

9.5 W p lt
  ltGy b
  ltg sf v
5.5 mGy s  
g d  
  dkGy dp
  dkg dk
Lightness 1.5 Bk
 Saturation 0s1–3s4–6s7–8s9s
ClassificationToneSymbolName
Light pure color (tints)pPale
ltLight
bBright
Pure colorvVivid
Dark pure color (shades)dpDeep
dkDark
dkgDark greyish
Intermediate tones (tones)ltgLight greyish
sfSoft
sStrong
dDull
gGreyish

"Vivid" colors are pure colors and represent the highest possible chroma for their respective hue. Light pure colors (pale, light, and bright) result from mixing the pure color with only white. Dark pure colors (deep, dark, and dark-greyish) result from mixing the pure color with only black. The intermediate colors (light greyish, soft, strong, dull, and greyish) result from mixing the pure color with both black and white.

These charts use reddish orange ( 4:rO) as the example hue. 4:rO has a vertically symmetrical hue plane because the pure color has a lightness of about 5.5. This is not the case for all hues; pure colors with high lightness (e.g. 8:Y) or low lightness (e.g. 20:V) have accordingly skewed hue planes. Despite this difference in lightness, all pure colors are considered "vivid."[1] In general, tone categories are meant to group colors that give a similar impression, so colors within a tone category do not necessarily have matching lightness or chroma.[4]

References

[edit]
  1. 1 2 3 4 5 "PCCS(日本色研配色体系)とは". Japan Color Research Institute (in Japanese). Retrieved 8 Jul 2026.
  2. 1 2 Wakata, Tadayuki (31 Dec 2012). "The impression of hue in practical color co-ordinate system (PCCS)". 日本色彩学会. 36: 224–225. Retrieved 8 Jul 2026.
  3. "Tone". MAU ART & DESIGN GLOSSARY. Musashino Art University. Retrieved 8 Jul 2026.
  4. 1 2 "What is PCCS (Hue Circle, Tone Diagram)". Shikisai 101. Retrieved 8 Jul 2026.
  5. "Feeling uninspired with color choices? Let's explore PCCS together!". Doma Fun Handmade. Retrieved 8 Jul 2026.