PCCS를 3D 산점도로 시각화

소개



색채 검정을 공부하기 시작하면, 먼저 PCCS라는 색의 표기 방법을 만나게 됩니다.
자신은 RGB 표기 밖에 몰랐기 때문에,
「PCCS와 RGB는 어떤 관계인가?」
"같은 색조 그대로 톤을 바꾸면 RGB는 어떻게 변화하는 거야?"
라는 의문이 끓었습니다.
그래서 RGB의 3D 산포도로 하면 관계를 알 수 있는 것은? 라고 생각하고, 실제로 해 보았습니다.
  

PCCS와 RGB의 대응 관계



이 사이트 로부터 얻었습니다.
  

PCCS의 3D 산점도



파이썬에서 matplotlib을 사용하여 시각화했습니다.
  • BeautifulSoup에서 스크래핑하고 대응 관계를 표에
  • 테이블에서 원하는 데이터를 검색하고 matplotlib 및 Axes3D에서 3D 산점도에
  • BytoIO 및 Image를 사용하여 gif로 저장

  • 360도 회전도 가능합니다만, 5GB 이하로 하고 싶었으므로 20도~70도로 회전시키고 있습니다.
      

    같은 톤으로 표시



    Vivid




    우선은 Vivid의 색조환.
    색조환이라고 하는 만큼 있어, 3차원으로 나타내어도 차례로 일주하고 있는 것이 봐 잡을 수 있습니다.
    개인적으로는 더 예쁜 원형이 되어 있다고 생각했습니다.

    Neutral




    무채색.
    R, G, B가 모두 같은 값을 취하기 때문에 이런 직선에 늘어서 있습니다.
    즉, 이 직선에 가까울수록 채도가 낮아진다는 것입니다.
    또한 화면 앞에 올수록 명도가 높아진다는 것도 틀림없습니다.

    Pale




    Vivid, Nuetral을 알면 나머지는 어쩐지 상상할 거라고 생각합니다.
    Pale은 명도가 높기 때문에 꽤 화면 앞에서 원을 그립니다.
    반대로 채도는 떨어지기 때문에 방금전의 Nuetral의 직선에 모입니다.

    dark




    마지막으로 하나만.
    Dark는 명도가 낮기 때문에 화면 안쪽이 되고, 또한 채도도 낮은 편이므로 Nuetral의 직선에 가까운 위치에서 원을 그립니다.
     

    같은 색조로 표시



    심리 4 원색으로 톤을 바꾸어 표시.

    2 : R





    8 : Y





    12 : G





    18 : B





    모두 톤 그림대로 깨끗한 동일 평면의 그래프를 얻었습니다.
      

    알다시피


  • Vivid의 테이블로부터 색조 마다의 RGB의 이미지가 잡는다.
  • 같은 색조라면 톤은 같은 평면상에 있다.
  • 채도를 떨어뜨리면 R=G=B에 접근한다. 그 반대도 마찬가지.
  • 명도를 올리면 R, G, B는 255에 접근한다. 그 반대도 마찬가지.

  • 3D 산포도에 의해, PCCS나 색의 3 속성에 대해서, RGB에 있어서의 싹둑한 이미지가 파악했습니다.
     

    마지막으로


  • 전부 표시시켜 본다.

    깨끗해진다고 생각했는데 어두운 색이 방해하고 있다. . .
  • 축의 색을 바꿀 수 있으면 더 보기 쉬워질지도, 라고 생각했지만, Axes3D의 취급 방법이 어렵고, 모르기 때문에 일단 보류.
  • Munsell ⇒ RGB의 변환도 할 가치가 있을 것 같다.
  • 코드는 언젠가 올릴지도.

  • 참고



    PCCS 상호 변환 표 - garakuta.net
    3D 산점도를 회전 GIF 애니메이션으로 만들기

    좋은 웹페이지 즐겨찾기