소소한 디자인

색 조합은 이렇게 하는 거였구나! 디자이너가 즐겨 찾는 색 조합 사이트

소소한 남자 2023. 4. 18. 14:54

디자인을 하다 보면 정말 어려운 것 중 하나가 바로 색 조합이라는 것을 느낍니다. 저도 다양한 색을 사용하다 보면 어떻게 하면 더 색을 잘 쓸까 고민하게 돼요. 그럴 때마다 찾게 되는 색상 추천 사이트가 있습니다. 색 조잡에 대해 고민이 많은 디자이너라면 즐겨찾기 해놓고 사용하시면 정말 좋을 것 같아요.

 


투 칼라 콤비네이션스 Two Color Combinations

 

Two Color Combinations

Two color combination palettes

2colors.colorion.co

사이트 이름처럼 두 가지 색의 조합을 볼 수 있는 곳입니다. 다양한 두 가지 색 조합을 볼 수 있어서 자주 찾게 되는 곳입니다. 홈페이지 디자인도 깔끔하게 되어 있고 아래로 쭉 스크롤하면서 볼 수 있는 것도 좋네요. 기본 타이포가 적용되어 있어서 대략적인 느낌을 볼 수 있다는 것도 큰 장점입니다.

 

이미지 가운데 원을 클릭하면 헥스 코드값을 복사해줘서 바로 그래픽 프로그램에 붙여 넣을 수 있다는 것도 큰 장점입니다. 다만 기본적으로 RGB 기반이고 UI에 사용하도록 만들어져 있어서 인쇄용으로 사용한다면 약간의 조정이 필요할 것 같습니다.

투 칼라 콤비네이션스

 

 

어도비 칼라 Adobe Color

 

https://color.adobe.com/ko/create/color-wheel

 

color.adobe.com

그래픽 프로그램의 대명사인 어도비에서 만든 곳입니다. 따로 설명을 안해도 될 정도로 유명한 색상 관련 사이트죠. 다양한  옵션과 사용자들이 원하는 대부분의 조작이 가능합니다. 또 포토샵, 일러스트레이터 등에 사용할 수 있도록 라이브러리에 색 세트를 바로 담아 사용할 수도 있습니다.

어도비 칼라 색상 휠 탭 목록

 

생성

생성탭에는 색상휠, 테마 추출, 그레이디언트 추출, 접근성 도구가 있습니다. 색상 휠에서는 내가 원하는대로 색을 조절해 색상을 만들 수 있습니다. 왼쪽 색상 하모니 규칙 적용을 눌러보면서 색을 찾으면 더 다양한 색을 볼 수 있을 겁니다.

 

테마추출과 그레이디언트 추출은 이미지를 올리면 색을 찾아주는 기능입니다. 저는 접근성 도구는 정말 유용한 곳입니다. 명암비를 수치적으로 보여줘서 내가 쓰는 두 가지 색의 명함비를 알려주고 적절한지 부적절한지 알려줘서 더 가독성 있는 색 조합을 이끌어냅니다.

또 색맹에게 사용하면 좋은 것들도 이 탭에 있으니 필요하신 분들은 꼭 사용해 보시기 바랍니다.

 

탐색

탐색탭에는 검색을 통해 색을 찾을 수 있는 곳입니다. 색상이나 분위기 등 다양한 검색어로 검색하면 다양한 색 세트를 보여줍니다. 그리고 마음에 드는 색 세트를 바로 라이브러리에 저장할 수도 있습니다.

 

 

트렌드

트렌드는 현재 유행하는 트렌드에 맞는 색을 보여줍니다. 전문가들이 사용한 색 세트를 보면서 마음에 드는 것들을 바로 저장 할 수 있습니다.

 

라이브러리

내가 저장한 다양한 색을 한 번에 볼 수 있습니다.

 

 

칼라헌트 ColorHunt

 

Color Palettes for Designers and Artists - Color Hunt

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

colorhunt.co

칼라헌트는 기본적으로 4가지 색 조합을 제공하는 곳입니다. 기본 색 조합이 잘 되어있기 때문에 간단하게 사용하기 좋습니다. 칼라헌트의 가장 큰 장점은 왼쪽탭에 있습니다. 새로 나온 색 조합, 한 달, 1년, 모든 기간 중 인기 있는 색 조합을 볼 수 있습니다.

 

또 파스텔, 빈티지, 레트로, 네온, 골드, 스킨 등 다양한 구성의 다양한 색 조합을 제공합니다. 그리고 각 색에 마우스를 올리면 헥사 코드값이 나타나고 헥사 코드를 클릭하면 코드가 복사됩니다.

칼라헌트 홈

 

또 좋은 점은 구글 크롬에 확장 프로그램으로 칼라헌트를 설치하면 현재 웹사이트의 색 중 대표색 4가지를 뽑아준다는 것입니다. 사용해보니 은근 편한 기능입니다. 그런데 오직 4가지 색만 추천해주기 때문에 부족한 느낌이 있습니다.

 

Color Tab

A Beautiful Color Palette With Every New Tab!

chrome.google.com


아마 제가 올려드린 곳 외에도 다양한 색 관련 사이트가 있을 겁니다. 하지만 저는 이 세 곳만 잘 이용하더라도 굉장히 좋은 결과물을 낼 수 있을 것이라고 확신합니다.

 

디자인을 하면서 어떤 색을 어떻게 사용해야 할지 고민된다면 위에 올려드린 곳에서 색을 추출해 사용해 보세요. 분명히 더 나은 결과물을 얻으실 수 있을 겁니다.

 

그리고 더 중요한 것은 기존에 사용하던 색이 아닌 다른 색을 사용해 보세요. 그럼 더 다양한 색 감각을 기르실 수 있을 겁니다. 안 써본 색을 사용했을 때 색 감각은 더 향상될 것입니다.

 

더 많은 색상 사이트는 아래 유튜브를 참고해보세요!

 


함께 보면 더 좋은 글

 

인포그래픽 그릴 때 용도에 맞는 그래프 사용 방법과 주의 사항

시각 이미지가 중요해지면서 대학 강의에서나 직장 내에서 인포그래픽을 그리는 경우가 많습니다. 그런데 간혹 어떨 때 어떤 그래프를 써야 되는지 헷갈릴 때가 있습니다. 차트 및 그래프를 잘

soso-man.tistory.com

 

현직 디자이너가 자주 찾는 홈페이지 5곳! 장·단점까지 알려드립니다!

디자인을 하다 보면 참고해야 되거나 자료를 찾아야 되는 경우가 많습니다. 특히 다양한 홈페이지를 많이 방문하다 보면 자주 방문하게 되는 곳이 있어요. 그런 곳을 추려서 여러분들께 소개해

soso-man.tistory.com

 

그림 그리면서 직접 사용해본 포토샵 무료 브러시 추천!

요즘 직접 그림을 그려보면서 다양한 포토샵 브러시를 다운로드하여 보고 사용해 봤습니다. 그러면서 그림 그리는데 유용한 포토샵 브러시는 어떤 게 있는지 고민을 많이 했어요. 그런데 딱 원

soso-man.tistory.com

728x90