본문 바로가기
디자인 스킬/색상과 디스플레이

웹디자인에 팬톤 컬러 적용을 위해 활용 가능한 웹사이트 소개

지난 번에 팬톤에서 제작한 컬러 어플리케이션을 소개해 드린 적이 있는데요. 이번에는 데스크탑/노트북 상에서 웹/앱 디자인을 할 때 컬러링 관련해서 활용이 가능한 웹사이트들을 소개해 드리고자 합니다. 이전 모바일 앱과 마찬가지로 팬톤과 관련된 웹사이트들로 컬러 팔레트 및 파인더 역할을 합니다.

1. 팬톤 웹 컬러파인더

  • 팬톤 공식 홈페이지에서 제공하는 컬러파인더입니다. 컬러피커를 통해서 색상을 지정하면 그 색과 가장 유사한 팬톤컬러를 뽑아주는 역할을 합니다. 막연하게 색상을 구상하고 있을 때, 구체적이고 또 검증된 색상 코드를 표시해 주는 역할을 합니다.
  • URL : https://www.pantone.com/color-finder 

2. 팬톤 컬러스

  • 팬톤 표준 색상들을 한 눈에 알아 보기 쉽게 나열하여 보여주는 웹사이트입니다. 여기서 말하는 팬톤 표준 색상들이란 PMS(Pantone Color Matching System)에 기반하여 표현된 색상들로 어떤 플랫폼에서든 안정되며 일관된 색상을 보여주기 위해 고안된 사항입니다.
  • URL : http://www.pantone-colours.com/



3. rgbto

  • rgbto 사이트는 팬톤 색상 뿐 아니라 웹디자인에 사용되는 색상 전반에 대한 정보를 제공합니다. keyword로 셀렉팅이 가능한 html color codes 부터 RAL,  팬톤 컬러 차트를 함께 제공합니다. 웹디자인에 바로 응용이 가능하도록 헥사코드를 제공하니, 필요하신 분들은 이용해 보시기 바랍니다.
  • URL : http://rgb.to/html-color-names/1


이 외에 팬톤 컬러로 특정되지는 않지만, 웹/앱 디자인에 있어서 활용 가능한 컬러 관련 웹사이트를 추가로 소개 드립니다.


기타1. Adobe Color (구 kuler)

  • 매우 유명한 서비스로 이미 아시는 분들이 있을 수도 있습니다. 5가지 색을 구성된 컬러조합을 만들 수 있는 웹사이트입니다. 쉽게 유사색, 보색 등을 셀렉팅할 수 있으며, 직관적인 UI를 특징으로 합니다.
  • URL : https://color.adobe.com 


기타2. COTW (Colors on The Web)

  • 웹디자인에 특화되어 컬러 피킹 및 컬러 관련 정보를 제공하는 기능을 합니다. UI적으로 직관성은 Adobe Color에 비해 떨어집니다. 하지만 블로그 운영 및 각종 이론 등을 소개하는 등 컬러 관련해서 지식을 넓히는 데에도 활용이 가능한 웹사이트입니다.
  • URL : http://www.colorsontheweb.com/Color-Tools/Color-Wizard
  • 웹디자인에 팬톤 컬러 적용을 위해 활용 가능한  웹사이트 소개