웹퍼블리셔에게 유용한 색상조합 추천 사이트 Coolors (+사용법)

 

웹디자인에서 색채는 전체적인 분위기를 구성하는 중요한 요소입니다. 색은 시각적으로 사람에게 가장 먼저 인식되는 감각인데요.같은 색감이라도 명도나 채도에 따라 느낌이 달라지며, 보는 사람의 감정까지 변화시킵니다.



웹디자인을 할 때 브랜드 이미지와 개성을 표현하기 위해 특정 색감을 강조하여 활용하기도 합니다. 미국의 컬러 리서치 연구소 (CR)에 따르면, 소비자가 상품을 결정하는 시간은 90초 안에 이루어진다고 합니다. 이때 상품에 대한 판단 80~90%가

색상에 의해 결정된다고 하는데요. 이처럼 고객의 마음을 이끌기 위해 색감은  기업 마케팅의 중요한 부분입니다.

 

온라인상에서 기업을 대표하는 요소인 홈페이지의 색감은 판매 상품의 긍정적인 이미지를 전달하고, 방문자의 재방문을 유도하기 위해 매우 중요한 요소입니다.  홈페이지 디자인 색깔을 결정할 때, 색 조합 추천 사이트를 활용하면 메인 컬러와 포인트, 배경 등 조화로운 구성을 추천받을 수 있습니다. 웹 디자인을 할 때 중요한 점은 난잡한 색상을 사용하지 않는 것 입니다. 메인 색상을 5가지 정도로 잡아서 깔끔하고 세련된 디자인을 완성할 수 있습니다.

 

 

Coolors

https://coolors.co/

 

 

색 조합 사이트 중 가장 유명한 Coolors입니다. 컬러조합기(Generator)을 이용해 랜덤한 색조합을 추천받을 수도 있고, 색을 추가할 수도 있으며 색을 바꿀 수도 있습니다. 아래 링크를 클릭해서 Coolors을 이용해보세요.

 

Coolors - The super fast color palettes generator!

 

 

1. 웹사이트 첫화면 좌측의 'Start the generator'을 클릭하세요. 색상조합기 Generator로 넘어갑니다.

 

2. 스페이스바를 누르면 랜덤 조합으로 색상이 바뀝니다. 

 

 

3. 색 사이의 경계를 클릭하면 색상의 가짓수를 늘릴 수 있어요.

 

색이 여섯 가지로 늘어난 모습을 확인 해 볼 수 있어요.

 

 

4. 마음에 드는 색상은 Lock(자물쇠) 버튼으로 잠궈주세요.

그럼 Spacebar를 눌렀을 때 해당 색상만 제외하고 나머지 색상들만 랜덤한 색으로 바뀝니다.

 

1. Check contrast 

해당 색상 위의 글씨를 흰색 <-> 검은색으로 전환

 

2. View shades

해당 색상의 명도 색상표를 확인 가능 

 

3. Save color

마음에 드는 색이나 자주 사용하는 색을 즐겨찾기에 저장

 

4. Drag

해당 색의 위치를 다른 색 옆으로 변경

 

5. Copy Hex

헥스 코드(색상 코드) 카피

 

6. Toggle Lock

해당 색상 잠그기. 스페이스바 눌러도 해당 색상은 고정