[Tableau Tip] 사용자 지정 색상표 만들기

Table of Contents

1. Introduction
2. Color Palette 관련 사이트
3. 사용자 지정 색상표 만들기
4. Reference

 

Introduction

태블로 작업을 하는 과정에서 색상을 적용하는 것 역시 반복되는 액션일 수 있다. 이런 시간을 단축시키기 위해 미리 정해진 색상 팔레트를 선정해야 한다. 태블로에는 기본적으로 제공하는 색상표가 존재한다. 그럼에도 색감을 보면 상당히 난해하다고 생각하기도 한다. 실제 프로젝트를 수행하다보면, 태블로에서 제공하는 기본 색상이 익숙하지 않아서 새로운 컬러로 변경하는 경우도 발생한다. 어떤 경우에는 고객사 CI와 컬러 매칭이 안되는 경우가 발생하기도 한다. 이럴 때 마다 색상을 적용하는 것이 굉장히 시간이 소모되는 일이 된다.

우리가 전문적인 디자이너가 아닌 이상 컬러를 선택하는 감은 다소 부족할 수 밖에 없다. 이때, 우리는 컬러 팔레트(Color Palette)를 검색하여 다양한 색상 조합을 수집할 수 있다. 특정 사이트에서는 컬러의 코드를 제공하는데, 태블로에서는 HEX 코드를 사용한다.

<그림 1> 태블로 색상 선택창

 

Color Palette 관련 사이트

색상을 선택하기 위한 팔레트를 얻기 위해 자주 사용하는 사이트가 있다.  Color Hunt라는 사이트이며, 4가지 컬러를 배치하여 제공하고 있으며, 사용자의 선호도가 색상을 고르는데 도움을 주고 있다. 또한, 컬러 팔레트를 클릭해서 들어가면, 해당 색상의 HEX 코드를 확인할 수 있다. Coolors는 컬러를 다양하게 조합할 수 있도록 제공하는 사이트이다. 필요에 따라서 특정 컬러를 고정하고 그 컬러와 조화를 이룰 수 있는 색상의 컬러 팔레트를 제공한다. 이 사이트 역시 HEX 코드를 제공하기 떄문에 태블로에서 쉽게 적용이 가능하다. 아래에 보여준 사이트 외에도 수 많은 Color Palette 사이트가 존재한다. Adobe에서 제공하는 컬러 팔레트도 있으며, 구글에서 "color palette"라고 검색할 경우 수 많은 사이트로부터 정보를 가져올 수 있다.

 

1. colorhunt.co/

2. coolors.co/

Color Hunt	Coolors

 

사용자 지정 색상표 만들기

태블로 데스크탑에서는 기본적으로 조화로운 색상을 기본적으로 제공하고 있다. 또한, Preference.tps 파일을 수정하여 태블로에서 제공하지 않는 색상표를 다양하게 만들어놓고 필요에 따라 사용자가 지정한 색상표를 자유롭게 불러올 수 있다. 회사 CI와 유사하거나 팀 내부에서 자주 사용하는 컬러를 반영하게 적절한 기능이다.

 

기본적으로 태블로를 설치하면 "C:\Users\admin\Documents\내 Tableau 리포지토리" 폴더가 생성되며, 하위 항목에 Preference.tps라는 파일이 생성된다. 파일은 노트패드 혹은 메모장 등을 이용하여 실행시키면 다음과 같은 글이 나타난다.

<?xml version='1.0'?> <workbook> </workbook>

위 내용을 편집하기 위해서는 <workbook>과 </workbook> 사이에 색상표를 입력한다. 색상표는 크게 3가지의 종류를 설정할 수 있으며, 범주형 색상표, 단일 색상표, 다중 색상표로 구분된다.

범주형 색상표 Preference

<?xml version='1.0'?> <workbook>     <preferences>         <color-palette name="My Categorical Palette" type="regular" >             <color>#eb912b</color>             <color>#7099a5</color>             <color>#c71f34</color>             <color>#1d437d</color>             <color>#e8762b</color>            <color>#5b6591</color>            <color>#59879b</color>        </color-palette>     </preferences> </workbook>

 

단일 색상표 Preference

<?xml version='1.0' <workbook>     <preferences>         <color-palette name="My Sequential Palette" type="ordered-sequential" >             <color>#eb912b</color>             <color>#eb9c42</color>             <color>#ebad67</color>             <color>#eabb86</color>             <color>#eacba8</color>             <color>#ebd8c2</color>         </color-palette>     <preferences> </workbook>

 

다중 색상표 Preference

<?xml version='1.0'> <workbook>     <preferences>         <color-palette name="My Diverging Palette" type="ordered-diverging" >             <color>#eb912b</color>             <color>#59879b</color>         </color-palette>     <preferences> </workbook>

※ 단, 사용자 지정 색상표 정보가 통합 문서 내에서만 내장되는 것을 기억해야 한다. 

 

한 개의 색상표를 입력할 경우에는 <workbook>과 </workbook> 사이에 위의 정보 한 가지만 입력하면 되지만, 여러 개의 색상표를 입력할 경우에는 <workbook>과 </workbook> 사이에 여러 개를 입력하면 된다.

Customed Color Palette Sample

<?xml version='1.0'> <workbook>     <preferences>         <color-palette name="Jay's Color1" type="ordered-diverging" >             <color>#eb912b</color>             <color>#59879b</color>         </color-palette>         <color-palette name="Jay's Color2" type="ordered-diverging" >             <color>#eeeeee</color>             <color>#59879b</color>         </color-palette>     <preferences> </workbook>

 

Reference

"Color Hunt", colorhunt.co/

"Coolors", coolors.co/

"태블로 도움말", www.tableau.com/support/help