웹사이트 디자인을 하거나 다양한 목적으로 컬러 베리에이션(variation)을 하는 경우, 컬러코드를 생성하는 것이 번거롭게 느껴질 때가 있다. 때문에 웹 컬러 팔레트나, 추천 컬러 생성기를 찾아 이용하는데 심플하게 필요한 기능만 지원하는 툴이 생각보다 없는 것 같아 직접 개발해 공유한다.
추천컬러
명도단계
웹 컬러 팔레트 사용방법
사용방법은 간단하다. 키 컬러(Key Color) 코드('#000000' 형식)를 입력창에 입력하고 '엔터'를 누르면, 아래에 해당 색상과 어울리는 컬러코드를 생성해주며, 그 아래에는 키 컬러의 명도 단계를 구분하여 컬러코드를 생성해준다. 결과 코드에 마우스를 클릭하면 바로 클립보드에 코드를 복사하는 기능도 추가했다.