디자이너 색조합 추천 사이트

Thumbnail

 

 디자인 작업을 할 때, 완성도에 있어서 정말 중요한 역할을 하는 부분이 색상입니다.
내용이 좋더라도 보이는 구성이나 색상에 따라서 디자인 퀄리티가 다르게 느껴지기 때문이죠,
하지만 언제나 공부할 부분은 너무 많고 트랜드는 어찌나 빨리 변하는지 따라가기만도 벅찬게 현실입니다ㅠ

 그래서 오늘은 디자인 작업할 때, 편리하게 사용할 수 있는 색조합 사이트 두 가지를 준비했습니다 :)
하나하나 다른 느낌의 구성으로 각각의 특징이 있으니 들어가 보시고 사용해 보면서 자신에게 맞는
스타일의 사이트를 이용하셨으면 합니다 :)

 

---

 첫 번째로 소개해드릴 사이트는 Design Seeds입니다.

https://www.design-seeds.com/

Design Seeds Main

 핀터레스트 등의 이미지 서치 사이트를 찾아다니다 보면 가끔 보게 되는 색 조합 이미지의 출처가 바로 여기입니다.

상단 탭을 보면 BY COLOR, BY COLLECTION 두가지로 구분되어있고, 두가지 방식으로 색 조합을 살펴볼 수 있습니다.

우선, 자신이 원하는 컬러감이 있다면, BY COLOR 탭에서 색상을 지정하여 색 조합을 살펴보는 방법이 있습니다.

Design Seeds By color

해당 화면에서 원하는 색상을 누르면 그에 맞는 이미지 + 색조합 샘플이 추천됩니다.

다음으로는 계절, 자연, 바다와 같은 느낌의 조합을 찾는다면 BY COLLECTION 탭에서 색 조합을 보는 방법도 있습니다.

Design Seeds By Collection

느낌별로 색상 조합들이 묶여 있어서 기본적으로 원하는 느낌이 있다면, by collection을 통해서 살펴보는 것도 좋은 방법입니다 :)

 

Design Seeds Sample picture

Design Seeds Sample code

 각각의 색상조합들을 각각의 조합은 하나의 사진과 6개의 색상으로 이루어져 있는데, 색상만 나와 있는 게 끝이 아니라 이러한 색상이
조합되었을 때, 어떤 느낌의 이미지가 되는지 보고 조합을 할 수 있어서 색 조합을 볼 때 더욱 더 유용하게 사용할 수 있습니다.
이미지 하단에 색상코드가 바로 나와있어서 해당 코드를 바로 디자인에 사용할 수 있게 구성되어있습니다.

한가지 아쉬운 점은 색상이 6가지가 되는데 어느 정도 비율로 색상을 사용해야 샘플 사진과 유사한 느낌을 낼 수 있는지는
알 수가 없어서 디자이너의 감각으로 풀어야 된다는 부분입니다. 그래도 색상과 비율, 두 가지 문제 중에 한가지는 참고할 수 있으니
그것만으로 저는 자주 이용을 하게 되더라고요 :)

게다가 홈페이지 구성과 이미지 자체가 이뻐서 쭉 스크롤을 내리면서 색 조합 표를 구경하는 것 만으로도 시간 가는 줄 모르고 보고 있게 됩니다 :)

 

---

다음으로 소개해드릴 사이트는 lolcolors 입니다.

https://www.webdesignrankings.com/resources/lolcolors/

LOLCOLORS MAIN

많이 유명하기도 하고 이미 많은 사람이 사용하고 있는 사이트이기도 합니다.
구성은 상당히 단순한 것이 한 페이지에 색상조합이 쫙 나와 있고 얼마나 많은 사람이 해당 색 조합에 '좋아요'를 눌러 주었는지
알 수 있습니다. 이를 통해 트랜디한 컬러 조합을 알아보는데 특화된 사이트입니다.

해당 색 조합에 각각의 색상 위에 마우스 커서를 올리면 코드가 바로 나오기에 쉽게 코드를 이용할 수 있습니다.

 

---

이외에도 Adobe Color, Color Combinations 등의 다양한 색 조합 사이트가 있지만, 그중에서도 제가 가장 자주 이용하고 애정하는 두 사이트를 오늘 소개해드렸어요 :)
오늘 소개해드린 사이트들이 디자인작업에 많은 도움이 되기를 바랍니다^^