<데이터 시각화: ⑤ 어떤 색을 어떻게 사용해야 할까?>

https://yozm.wishket.com/magazine/detail/2469/

데이터 시각화 101: ⑤어떤 색을 어떻게 사용해야 할까? | 요즘IT

 

 

 

---

 

 

➕아티클 요약 및 주요 내용
----------------------------------------------------------------------------------------
요약: 아티클의 핵심 내용을 요약해보세요.
주요 포인트: 아티클에서 강조하는 주요 포인트는 무엇인가요? 

 

요약

적절한 색상 사용으로 시각화의 효율을 올리는 방법

 

---

주요 포인트

 

 

1. 데이터 분류하기

서로 대비가 큰 색을 이용하여 큰 카테고리들을 시각적으로 분류할 수 있다.

하지만 너무 많은 색을 사용한다면 오히려 가독성이 떨어지기 때문에,

적절한 수의 색상을 명도나 채도를 조절하여 다양하게 표현하는 것이 좋다.

또한 같은 변수를 여러 곳에서 사용한다면 계속 같은 색을 사용해야 직관적으로 이해하기 좋다.

 

 

 

 

2. 값의 크기 표현하기

진한 색상으로 더 큰 값을 표현하면 시각적으로 값의 크기를 명확하게 구분할 수 있다.

 

https://gka.github.io/palettes/#/7

chroma.js palette helper

-> 이 사이트에서 원하는 색상 값과 색상의 개수를 입력하면, 명도, 채도가 이쁘게 나뉘어진 컬러 팔레트를 얻을 수 있다.

 

 

 

 

 

3. 중요한 정보 강조하기

몇개의 포인트가 중요할 때 다른 색상들과 대비가 큰 색을 사용한다면, 그 포인트들에 집중시킬 수 있다.

 

 

 

 

 

4. 특정 의미 전달하기

상징적인 색을 사용하여 색상에 의미를 담아 표현할 수 있다.

공화당 빨간색, 민주당 파란색

 

 

 

 

 

5. 접근성을 높이는 방향으로

색각 이상을 가진 사용자들도 색으로 정보를 쉽게 파악할 수 있도록 색상을 구성하면 더 좋을 것이다.

https://colorbrewer2.org/#type=sequential&scheme=BuPu&n=3
https://gka.github.io/palettes/#/9

이 사이트들에서 제공하는 팔레트를 이용하여 색각 이상 사용자들을 위한 컬러들을 구성할 수 있다.

 

 

 

 

 

---

+) 색상 사용 관련 추가 아티클

 

https://m.post.naver.com/viewer/postView.nhn?volumeNo=29723912&memberNo=35871176

데이터 시각화, '그냥 예쁘게' 칠해도 될까요?

 

 

 

 

 

---

유용한 사이트들

 

1) Chroma

https://gka.github.io/palettes/#/9

chroma.js palette helper

 색상을 지정하여 원하는 팔레트 생성 가능 (개수 지정 가능)(colorblind safe 기능o)

 

 

 

 

2) Color Brewer

https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=6

ColorBrewer: Color Advice for Maps

만들어진 팔레트 사용가능 (개수 지정 가능)(colorblind safe 기능o)

 

 

 

 

3) Coblis

https://www.color-blindness.com/coblis-color-blindness-simulator/

Coblis — Color Blindness Simulator – Colblindor

색약에게 해당 사진이 어떻게 보이는지 확인 가능

 

 

 

 

4) Color Thief

https://lokeshdhakar.com/projects/color-thief/

Color Thief

사진에서 색상 추출

 

 

 

 

5) Color Hex Color Codes

https://www.color-hex.com/

Color Hex Color Codes

여러 팔레트 사용가능, 

특정 색상을 선택하면 그 색상에 대한 여러 shade, tint를 조절한 색상과 해당 색상과 조합하기 좋은 색상 추천

 

 

 

6) Color Palettes

https://colorhunt.co/

Color Palettes for Designers and Artists - Color Hunt

카테고리별로 색상 팔레트 제공