블로그/웹사이트 색상 조합 시 참고할 만한 사이트 - Adobe Kuler

블로거를 처음 개설하거나 꾸밀 때 가장 먼저 설정해주는 것 중 하나가 바로 색상이죠.

Adobe Kuler

는 블로그나 웹사이트에서 색상 조합이나 배치를 설정할 때 상당히 유용하게 쓰일 수 있는 사이트입니다.

영문 사이트이지만, 사용법은 매우 쉽습니다.

그림1

위의 링크로 들어간 다음 Color Rule 메뉴에서 자신이 원하는 배색/색상조합 방식을 설정합니다. 각각의 조합이 무엇을 의미하는지 잘 와닿지 않는다면, 배색, 색상조합 기본 개념 이해하기 라는 글을 참고하시기 바랍니다.

그림2

원하는 조합 방식을 선택했다면, 아래에서 색상 하나를 클릭한 후 <그림2>에서 보시는 것처럼 색상코드를 입력, 베이스 컬러로 설정해 줍니다. <그림2>에서는 제 블로그의 베이스 컬러인 '2580a2'를 입력해주었습니다.

그림3

그리고, 베이스 컬러를 제외한, 나머지 색상들 아래에 있는 원을 조금씩 움직여서 원하는 색상을 설정합니다. <그림1>의 단계에서 Complementary(보색)을 설정했다면, 보색 조합의 범위 안에서 색상을 얻을 것입니다. 기준 색상을 정하지 않았다면, 팔레트 위의 시계 바늘처럼 생긴 돋보기를 클릭하여 원하는 조합을 찾아보는 것도 좋은 방법입니다.

그림4

Adobe Kuler를 이용하여, 이미지로 부터 색상을 추출할 수도 있습니다. 예를 들어, <그림4>와 같은 분위기의 색상을 얻고자 한다면,

그림5

사이트 우측 상단의 'Create from Image'를 클릭하여 이미지 파일을 업로드 합니다.

그림6

그 다음, 왼쪽의 Color Mood에서 색상 추출 방식을 선택하여, 색상을 추출합니다.

그림7

추출된 색상이 마음에 들지 않는다면, 이미지의 원들을 클릭 드래그하여 추출하고자 하는 색상을 직접 설정해줄 수도 있습니다.