디자이너가 추천하는 컬러 추출 사이트

전공이 디자인이 아니라 색감에 대한 배경지식이 없어서 디자인을 할 때 여러 사이트의 도움을 많이 받았어요!

비전공자 디자이너의 입장에서 PPT, 포스터 제작, 리플렛, UI/UX 디자인 등 여러 디자인에 필요한 유용하고 편리한 컬러 조합 사이트를 소개해드려요 :)

여러분께 작은 도움이 되길! 각 번호를 클릭하시면 바로 링크로 이동합니다 :)



1. Adobe color

가장 많은 분들이 추천하는 사이트는 바로 어도비 컬러입니다!
본인이 원하는 컬러 하나를 마우스로 조정하면 그에 어울리는 색상 하모니를 찾아주네요.
색상 하나 선택하고 왼쪽 색상 하모니 규칙을 바꿔보면서 컬러 조합들을 찾으시면 될 것 같아요!
hex code, RGB code를 제공하고 있습니다!

출처: adobe color

2. Coolors

제가 가장 자주 들어가는 색 조합 사이트입니다! Coolors이고, 매번 스펠링 때문에 헷갈리네요 하하;
여기는 대학생 때 PPT 색 조합 찾으려고 많이 찾았던 사이트입니다!

오른쪽 위의 탭에 'Explore'만 누르더라도 예쁜 컬러 조합들을 빠르게 찾을 수 있고, 특히 다른 사람들이 얼마나 saves를 많이 했느냐를 볼 수 있어서 요즘 컬러 트렌드를 찾기에도 좋은 것 같아요 :)

TIP. 원하는 색을 클릭만 해도 바로 hex code 복사가 된답니다..!

출처: Coolors

3. LOL Colors

여기도 학생분들이 많이 쓰실 것 같아서 소개하려고 합니다. LOL Colors는 매일 새로운 색 조합이 올라온다고 해요!
굳이 색을 찾지 않아도 사이트에 들어가서 바로 픽할 수 있다는 장점이 있습니다.
단점은 hex code만 나와 있어서 RGB나 CMYK를 써야 할 때는 직접 추출해야 합니다.

출처: LOL Colors

4. Google Material Design Guidelines_The color system

디자인 공부를 좀 하고 싶은 마음이 있으시다면 여기를 꼭 추천합니다! 구글에서 제공하는 디자인 가이드라인인데 저도 항상 이곳을 참고하면서 부족한 디자인 공부를 하고 있답니다 :) 어떤 컬러 조합이 좋은지도 알려줄 뿐만 아니라 색을 어떻게 사용해야 하는지, 어떤 디자인이 좋은 디자인인지도 알려주기 때문에 UI 디자인 공부를 하기에도 너무 좋습니다!

 

참고: Material Design

특히 색감 욕심이 있으시다면 여러 곳에서 색을 찾아보시는 걸 추천드리는데 만약 구글 디자인 가이드라인에서 색감 추출하시려면 아래 방법으로 진행하시면 됩니다. 1번을 클릭하고 2번에 원하는 색을 넣으면 3번에서 색을 추출하여 쓸 수 있어요. 보색이나 유사색도 나오니 컬러를 다양하게 써야되는 상황에서 유용할 것 같습니다 :)

Material Design에서 컬러 추출하는 방법 :)

컬러와 관련된 더 많은 사이트들이 있지만 이거 4개만으로도 충분하답니다! (컬러 전문 디자이너는 예외)
본인이 유용하게 자주 사용할 수 있는 사이트를 잘 고르는 게 중요한 것 같아요ㅎㅎ

다음엔 더 유용한 디자인 TIP으로 포스팅할게요 :)