색상 팔레트를 만들고 색상 코드값을 얻을 수 있는 웹사이트 - iWantHue

현재 프로젝트를 위해 어떤 색상 테마를 사용할 것인지 결정하는 것은 웹 디자이너에게 있어 상당히 많은 시간을 필요로 합니다. 그래서 이번 글에서는 이러한 웹 디자이너 분들을 위해 쓸만한 색상 팔레트를 손쉽게 만들 수 있도록 해주는 유용한 웹사이트인 iWantHue를 소개해 보고자 합니다.

 


iWantHue는 무료로 자유롭게 사용할 수 있는 웹사이트로 색상 팔레트를 만들 수 있도록 도와 줍니다. 웹사이트를 사용하려면 우선 간단하게 회원가입을 해야 합니다. 회원가입을 마쳤다면, 이제 사이트 홈페이지를 방문한 다음 색 공간, 색상 영역을 지정해 주기만 하면 됩니다. 이 색상 영역은 화면에 보이는 HCL 슬라이더를 움직이거나 미리 정의된 색상 종류 중 하나를 선택해 지정할 수 있습니다. 이렇게 해서 지정해 준 설정에 맞는 색상 팔레트는 화면 중앙에 표시됩니다. 이 색상 팔레트에 있는 색상 점 중 하나에 마우스 커서를 올리면 해당 색상의 HEX (16진수) 코드 값이 표시됩니다.

 


화면 오른쪽 끝에 위치한 팔레트 생성 옵션을 선택해 이 색상 팔레트의 모양을 변경할 수도 있습니다. 색상 팔레트를 생성하면, 이 팔레트를 위해 다양한 색상들이 만들어 집니다. 이렇게 생성된 색상들에 대해서는 HEX 코드 값과 RGB 값을 확인할 수 있기 때문에 이 색상들을 다른 원하는 곳에서 사용할 수 있게 됩니다.

 


이 색상들을 실제 웹사이트 프로젝트에 사용하고자 하는 웹 개발자 분이라면 사이트가 제공하는 팔레트 색상 값의 JSON, CSS 목록이 상당히 유용할 것입니다. HEX, RGB, HCL, LAB 색상 코드 값들을 목록 형태로 받아 볼 수 있습니다.

 


웹 디자인에서 팔레트를 좀 더 잘 사용할 수 있도록 자바스크립트 코드도 자동으로 생성되어 함께 제공됩니다.

 

 

특징

 

* 사용자 친화적인 웹 서비스

* 색상 팔레트를 생성할 수 있도록 해줌

* 색 공간, 색상 영역을 HCL로 지정해 줌으로서 팔레트 생성을 시작할 수 있음

* 좀 더 쉽고 빠른 출발을 위해 미리 정의된 다양한 색상 프리셋을 제공함

* 팔레트에 있는 색상들에 대해 HEX, RGB 코드 값을 제공함

* HEX, RGB, HCL, LAB 색상 코드 값의 목록을 JSON, CSS 코드 형태로 생성해 줌

* 생성된 색상 팔레트에 대해 자바스크립트 코드를 제공함

 

 

공식 홈페이지

 

http://tools.medialab.sciences-po.fr/iwanthue


최종 수정일:
서지스윈

서지스윈

IT와 기술을 이해하고, 유용한 소프트웨어를 발견하도록 돕고 싶습니다. 윈도우(Windows), 맥(macOS), 리눅스(Linux), 스마트폰 앱, 웹 서비스, 기획 시리즈물까지. 더 많은 것을 발견하고, 더 많은 것을 해보세요.