웹컬러 생성기(color variation)
웹컬러 생성기(color variation)

웹 컬러 팔레트, 추천 색상 생성기

2023년 07월 12일

웹사이트 디자인을 하거나 다양한 목적으로 컬러 베리에이션(variation)을 하는 경우, 컬러코드를 생성하는 것이 번거롭게 느껴질 때가 있다. 때문에 웹 컬러 팔레트나, 추천 컬러 생성기를 찾아 이용하는데 심플하게 필요한 기능만 지원하는 툴이 생각보다 없는 것 같아 직접 개발해 공유한다.

웹 컬러 팔레트 사용방법

사용방법은 간단하다. 키 컬러(Key Color) 코드('#000000' 형식)를 입력창에 입력하고 '엔터'를 누르면, 아래에 해당 색상과 어울리는 컬러코드를 생성해주며, 그 아래에는 키 컬러의 명도 단계를 구분하여 컬러코드를 생성해준다. 결과 코드에 마우스를 클릭하면 바로 클립보드에 코드를 복사하는 기능도 추가했다.

ROVEWORKS

소규모 디자인 스튜디오를 운영하고 있는 1인 사업가이자 글을 쓰고, 그림을 그리고, 사진을 찍으며 생각을 전달하는 일을 함께 하고 있습니다. 제일 잘하는 일은 아무것도 안하기 입니다.

답글 남기기

Your email address will not be published.

이 글은 어떠세요?

로지텍 MX Mechanical Mini 키보드 & MX Master 3S 마우스 사용기

사무용 컴퓨터 주변기기의 끝판왕으로 불리는 로지텍의 MX 키보드와 마우스를 1년

1인 사업가로 살아남기: 창업과 생존

10년 차 사업가가 그 동안 살아남기 위해 겪은 시행착오에 대한