색 조합 가이드, 디자이너의 가치를 높이는 색 조합 사이트 Top 7

디자인 테크
2023. 06. 26
조회수
4,187

색-조합

디자이너에게 있어 중요한 역량 중 하나는 바로, 디자인에 적합한 ‘색상’을 고르는 안목입니다. 색상은 디자인 시안의 전체 분위기와 메시지를 결정하는 데 중요한 역할을 하기 때문인데요. 

이렇듯 디자인 작업에 있어 적절한 색상을 선택해 조합하는 일은 디자이너의 기본적인 업무로, 디자이너의 가치를 평가할 수 있는 척도라고 해도 무방할 정도입니다.  

오늘은 이처럼 디자인에 있어서 핵심적인 요소를 담당하는 색 조합에 도움이 될 만한 사이트 Top 7을 알려드리려고 합니다. 디자인 역량 하나로 승부를 봐야 하는 프리랜서 디자이너분들이라면, 이번 글을 통해 디자이너로서의 가치를 더욱 높여보세요. 


 

1.  Adobe Color CC

색-조합-사이트

* 출처: Adobe Color
 

가장 먼저 추천해 드릴 사이트는 색 조합 사이트 중에서도 가장 인기 있는 곳, 바로 Adobe사가 운영하는 Adobe Color CC입니다. 직관적인 인터페이스와 더불어 다양한 색상 조합 도구를 제공하는 점이 특징이죠.  

색상환을 이용해 자신만의 색상 구성 표를 만들 수 있는 사이트로,  ‘색상 휠’이라 불리는 color-wheel 기능을 통해 색상을 정한 후 이에 어울리는 유사색이나 보색 등 다양한 색 조합을 찾을 수 있습니다. 

ppt-색-조합

* 출처: Adobe Color

또한, ‘탐색’ 및 ‘트랜드’ 메뉴를 통해 다른 사람들이 만든 기존 팔레트를 탐색하거나, 이미지로부터 색상을 추출할 수도 있습니다. 이외에도 신규 기능으로, ‘접근성 도구’ 서비스를 제공해 텍스트 색상과 배경색에 따른 색상 대비 검사를 해볼 수 있는데요. 이를 토대로, 특정 색상을 지닌 텍스트가 가장 잘 어울리는 배경색을 찾을 수 있습니다. 

 

색-조합-표

* 출처: Adobe Color

Adobe Color CC의 경우, 디자이너가 자주 사용하는 포토샵이나 일러스트 등  Adobe 소프트웨어와 연동되어 있어 해당 소프트웨어에서  필요한 커스텀 컬러 팔레트를 쉽게 마련할 수 있습니다. 덕분에 색 조합 사이트 중에서도 가장 활용도가 높은 사이트로 알려져 디자이너들이 애용하고 있습니다. 


 

2. Color Hunt 

색-조합-추천

* 출처: Color hunt

전 세계 디자이너들이 직접 공유하는 트렌디한 컬러의 팔레트를 모아놓은 듯한 사이트, 두 번째로 소개해 드릴 색조합 사이트는 Color Hunt입니다. 이곳은 매일 업데이트 되기 때문에 컬러 팔레트의 최신 트렌드를 한눈에 확인할 수 있는 점이 장점이죠. 

 

색-조합-코디

* 출처: Color hunt

Color Hunt는 기본적으로 4가지 색 조합을 찾아주는 사이트인데, 특히 컬러 배색을 확인하기 좋은 사이트로 유명합니다. 마음에 드는 컬러의 조합을 발견했을 땐, 하트를 눌러 저장할 수 있는데요. 

옷장에 옷을 보관하는 것처럼 ‘Collection’이라는 메뉴에 하트를 누른 컬러 조합이 저장되어 나중에 필요할 때마다 찾아볼 수 있습니다. 또한 사람들에게 하트를 많이 받은 컬러 조합은 ‘Popular’ 메뉴의 화면에 노출되어, 사람들에게 인기많은 색상들을 확인할 수 있습니다. 

Color Hunt에서는 원하는 색상에 마우스를 오버하면 아래와 같이 RGB 색상 값이 나오는데, 클릭하면 바로 복사되어 컬러 조합을 확인한 후 포토샵이나 일러스트에서 바로 작업이 가능하답니다. 

가장 인기 있는 컬러의 조합부터 랜덤 추천까지 다양한 메뉴를 보유하고 있으며, 해당 사이트에 접속하면 파스텔부터 빈티지, 레트로 등 다채로운 테마의 컬러를 쉽게 찾을 수 있습니다. 

 

색-조합-사이트* 출처: Color hunt

이러한 기능들 덕분에 디자이너뿐 아니라 일반인들도 쉽게 잘 어울리는 색 조합을 확인하고 있을 활용할 수 있어 현재 가장 많이 쓰이는 색 조합 사이트 중 하나로 자리매김하고 있습니다. 


 

3. Colors

파스텔-색-조합

* 출처: Coolors 

Colors는 초보자부터 전문가까지 누구나 쉽게 사용할 수 있는 색상 조합 사이트로 알려져 있는데요. 프로젝트마다 어울리는 색 조합을 계속 찾아야 하는 프리랜서 디자이너들에게 안성맞춤인 사이트랍니다. 

이곳은 앞서 소개해 드린 Color Hunt 처럼 컬러 조합을 메인 기능으로 내세우고 있는 만큼 사이트에 가입하지 않아도 빠르게 컬러 조합을 확인할 수 있죠. 

게다가 디자이너들이 더욱 간편하게 이용할 수 있도록 RGB 색상 값이 전면에 노출되어 일일이 색상을 찾아보거나 대조할 필요가 없답니다. 

두-가지-색-조합

* 출처: Colors

이 밖에도 컬러의 명암이나, 채도 등을 조정할 수 있는 기능부터 이미지 업로드 시 해당 이미지로부터 색상을 추출하는 기능까지 다양한 부가 기능을 제공하고 있습니다. 

또한 원하는 컬러에 대한 RGB 값을 확인할 수 있어 컨셉 이미지를 기반으로 한 광고 배너 등을 제작해야 할 때 유용하게 사용할 수 있답니다. 

예쁜-색-조합

* 출처: Colors


 

4. 2colors.colorion

어도비-색-조합

* 출처: 2 Color colorions

2colors. colorion은 다른 색 조합 사이트와 비교했을 때 가장 돋보이는 특징이 있답니다. 바로, 사이트의 이름에서 알 수 있듯 딱 2가지 컬러의 조합만 추천해 준다는 점인데요. 

특히 배경과 텍스트로 잘 어울릴 법한 컬러의 조합을 추천해 주기 때문에 파워 포인트를 제작하거나 보는 이들에게 간결하면서도 강력한 메시지를 전달하기 위한 광고 배너 제작 시 사용하기에 안성맞춤이죠. 

추천하는 컬러의 조합을 보여줄 때, 배경과 텍스트 색상을 교차해서 한 세트씩 화면에 노출하기 때문에 배경과 텍스트에 어떤 색상을 입혔을 때 내용이 눈에 잘 들어오는지 한눈에 비교할 수 있어요. 

마음에 드는 조합을 찾았다면, 이미지 가운데 있는 버튼을 눌러 RGB 색상 값을 바로 복사할 수도 있습니다. 

어울리는-색-조합

* 출처: 2 Color colorions

색상 조합 외에도 사이트 상단에 ‘Gradient Buttons’ 메뉴를 누르시면, 다양한 컬러가 입혀진 버튼 이미지를 확인할 수 있는데요. 이를 통해 제작하고 있는 디자인 작업물에 어울리는 버튼 이미지를 한 번에 찾을 수 있습니다.

색-조합-추천-사이트

* 출처: Gradientbuttons

‘Material Palettes’ 메뉴를 누르면 다양한 디자인 요소를 배치할 때 필요한 여러가지 색상 조합을 추천받을 수 있는 화면으로 연결됩니다. 

만약 이벤트 시안 등 다양한 부가요소가 반영되어야 하는 디자인 작업을 하는 경우라면, 메인 페이지보다는 여러 색 조합을 추천받을 수 있는 본 메뉴를 참고하는 것이 더욱 좋겠죠. 

차콜-색-조합

* 출처: https://material.colorion.co/ 


 

5. Khroma

베이지-색-조합

* 출처: Khroma

다섯 번째로 소개해 드릴 색조합 사이트는 바로, 디자이너들 사이에서 명성을 얻고 있는 Khroma(크로마)입니다. 이곳은 AI 인공지능을 이용한 색상 조합 팔레트를 자동으로 생성해 주는 사이트인데요. 

다른 색 조합 사이트와 달리, 메인 페이지에서 좋아하는 컬러를 50개 선택하면 색도, 채도 등을 고려해 AI가 적절한 방향으로 ‘알아서’ 색을 조합해 주는 점이 특징이랍니다. 

인테리어-색-조합
 

* 출처: Khroma

최대한 다양한 컬러를 선택해야 다양한 결과를 도출할 수 있는 만큼, 특정 컬러만 선택할 경우 우측 하단에 ‘정확한 결과를 위해 다른 색상도 선택하시오’라는 메시지가 팝업되는 것을 확인할 수 있답니다. 

주황색-색-조합

* 출처: Khroma

Khroma의 또 다른 장점으로는 컬러 조합이 끝난 이후 이를 단순히 RGB 색상 값이나 컬러 이미지로만 보여주는 것이 아니라, 디자인 샘플을 생성해 보여준다는 점인데요. 

조합된 컬러를 기반으로 배경과 텍스트로 제작된 이미지를 통해 작업하고자 하는 제작물에 어울리는 색 조합을 선택하실 수 있습니다. 컬러팔레트만 보는 것보다 더욱 쉽게 색을 선택할 수 있죠. 

노란색-색-조합

* 출처: Khroma


 

6. Color Space

초록색-색-조합

* 출처: ColorSpace

여섯 번째로 소개해 드릴 Color Space로 앞서 소개드린 사이트와는 조금은 다른 방식으로 컬러 팔레트를 추천해 주고 있습니다. 바로, ‘메인 컬러’에 대한 RGB 색상 값을 입력하면 이에 어울리는 여러 가지 색 조합을 추천해 주는 방식이랍니다. 

피피티-색-조합

* 출처: ColorSpace

메인페이지의 정 중앙에 버튼을 클릭하면 원하는 색상을 선택하거나, RGB 색상 값을 입력할 수 있습니다. 메인 컬러를 설정한 후 바로 아래에 있는 ‘GENERATE’ 버튼을 클릭하시면 가장 좌측에 메인 컬러를 기준으로, 총 25가지 종류의 색 조합을 추천받을 수 있는데요. 

색상마다 ‘어울리는 색’부터 ‘랜덤 추천’, ‘파스텔톤의 컬러 팔레트’ 등 다양한 테마로 추천을 받을 수 있어 필요한 느낌의 색 조합을 찾아 사용하실 수 있답니다. 


 

7. Design Seeds 

색-조합-팔레트

* 출처: Design-Seeds

가장 마지막으로 추천해 드릴 색 조합 사이트는 바로, Design Seeds입니다. 앞서 소개해 드린 색 조합 사이트가 1~5가지 정도의 색을 중심으로 컬러 팔레트를 추천해 주는 사이트였다면 이곳은 테마별, 분위기 또는 톤에 어울리는 컬러 조합을 찾아주는 사이트입니다. 

특히 이곳은 이미지 중심으로 어울리는 색의 조합을 추천해주기 때문에 디자인 작업 시 어떤 컬러를 사용할 지 추상적으로 생각만 해놨다면, Design Seeds를 활용해 구체적인 색 조합을 결정할 수 있습니다.

핑크-색-조합

* 출처: Design-Seeds

또한, 원하는 이미지를 선택할 경우 유사한 분위기나 톤, 색상 등 다양한 요소들을 결합해 또 다른 색 조합을 추천해 줍니다. 색상 선택의 폭을 넓힐 수 있어 많은 작업물을 한 번에 만들어야 할 때 참고하기 안성맞춤인 사이트입니다. 

브라운-색-조합

* 출처: Design-Seeds

 

지금까지 AI가 추천하는 컬러 팔레트부터, 이미지를 기반으로 한 색상 추천 등 7가지 다양한 색 조합 사이트를 살펴봤습니다. 프리랜서 디자이너로서 더 많은 프로젝트를 수주하기 위한 역량을 개발하고 싶은 분들께 이번 글이 더욱 도움이 되었길 바랍니다. 

 

디자이너로서 가치를 높이고 싶은 프리랜서, 

IT 프리랜서 매칭 플랫폼 이랜서를 추천해 드립니다!

 

그래픽-디자이너

디자이너로서 가치를 높이기 위해 오늘도 열심히 노력하고 계시는가요? 그렇다면 이랜서를 추천해 드립니다! IT 전문 프리랜서 플랫폼 이랜서에는 프리랜서로서 가치를 높일 수 있는 다양한 서비스를 제공하고 있답니다.

인재 영입 플랫폼의 미래, 이랜서는 약 350만 개의 프리랜서 평가 데이터와 1.5억 개의 서비스 데이터를 결합한 ‘오토퍼펙트매치’ 시스템을 통해 여러분께 꼭 맞는 기업과 매칭해 드리고 있어요!

인재 영입 플랫폼의 미래, 이랜서는 약 350만 개의 프리랜서 평가 데이터와 1.5억 개의 서비스 데이터를 결합한 ‘오토퍼펙트매치’ 시스템을 통해 여러분께 꼭 맞는 기업과 매칭해 드리고 있어요!
 

▶️ 내가 가진 역량으로 가장 잘할 수 있는 맞춤형 프로젝트를 수주하고 싶다면? 
▶️ 대기업의 신규 프로젝트에 참여해 디자이너로서 가치를 높이고 싶다면? 
▶️ 디자이너로서 커리어를 성장시킬 프로젝트를 수주해 역량을 강화하고 싶다면? 

 

지금 24년간의 프로젝트와 사용자 데이터 분석을 통해 커리어를 개발하고 함께 일할 수 있는 믿을 만한 기업, 이랜서를 만나보세요!


 

1. 오토폴리오: 쉽고 간편한 경력관리 서비스

프리랜서라면 이력서, 경력기술서 작성 등 경력관리가 그 무엇보다도 중요하죠. 이를 위해서 대부분 경력 기술서를 제작하고 있으신데요. 

중요한 만큼 정리부터 관리가 어려워 업데이트 시기를 놓치거나 나중으로 미루다 면접 볼 때에 닥쳐 급하게 포트폴리오를 만드신 적은 없으신가요? 그렇다면 이랜서의 ‘오토폴리오’를 사용해 보세요!

 

웹-디자이너

▶️ 이력서 자동관리 서비스 "오토폴리오" 시연 영상 보러가기

 

이랜서 회원은 초기 1회만 표준 양식으로 등록하면 자동으로 업데이트되고, 다른 사람에게 보내기 기능까지 가능한 이력서 & 경력 자동 관리 서비스 ‘오토폴리오’라면 이력서 & 경력 기술서는 알아서 작성해 주니, 이력서, 경력기술서 작성에 시간 쓰지 마시고 정말 중요한 일에 집중하세요! 

 

 

2. 중요한 일에 집중하고 싶은 프리랜서를 위한 1:1 맞춤 서비스

중요한 일에만 집중하고 싶은데, 프리랜서라면 프로젝트 수주부터 인터뷰, 계약까지 혼자서 다 감당하기 어려울 정도로 챙길 것이 많을 수밖에 없죠. 이런 분들이라면 이랜서의 프리랜서 1:1 맞춤 서비스를 추천해 드립니다. 

이랜서는 프리랜서의 맞춤형 프로젝트 매칭을 돕기 위해 1:1로 매니저를 배정하여 프로젝트 수주부터 계약, 급여 등 프리랜서가 원하는 조건에 프로젝트를 수주할 수 있도록 프리랜서에게 필요한 맞춤형 서비스를 제공합니다. 이랜서에 가입하고 1:1 맞춤 서비스를 경험해 보세요!


 

대한민국 최초, 최대 IT 프리랜서 플랫폼 이랜서란?

 

ui-ux-디자이너

이랜서는 24년의 노하우와 350만 개의 프로젝트 평가 데이터 1.5억 개의 개인 서비스 데이터를 바탕으로 프리랜서에게 최적화된 프로젝트를 매칭하는 IT 프리랜서 매칭 플랫폼으로 대기업부터 중견, 중소기업의 알짜배기 프로젝트를 6만 건 / 총 1조  원 이상 수행하고 있습니다.

웹 디자인,  UX/UI 디자인, 모바일 어플 디자인에 대한 디자인 프리랜서 채용 정보와 프리랜서 디자이너를 다양한 프로젝트 수주를 원하신다면 이랜서에 회원가입하고 ‘오토폴리오’를 작성해 보세요.

이랜서의 24년 노하우와 데이터를 활용한 맞춤형 프로젝트 매칭으로 나에게 딱 적합한 프로젝트를 매칭해 드립니다. 감사합니다.

 

freelancerBanner
projectBanner
댓글0
이랜서에 로그인하고 댓글을 남겨보세요!
0
/200
이랜서에 로그인하고 댓글을 남겨보세요!
0
/200
실시간 인기 게시물
이랜서 PICK 추천 게시물