프로젝트에 딱 맞는 색조합을 찾고 싶은데, 어디서부터 시작해야 할지 막막하신가요? 색상 조합이 잘되면 분위기있는 디자인을 쉽게 완성할 수 있습니다. 색조합 아이디어를 얻을 수 있는 사이트가 많이 있습니다. 단순히 색조합을 검색할 수 있는 사이트부터 그라데이션 색조합만 보여주는 사이트도 있고, 명화에 들어간 색조합을 보여주는 참신한 색조합 사이트도 있습니다.
이 글에서는 Coolors, Site Palette, Color Hunt, Color Space 등 초보자부터 디자이너까지 유용하게 사용할 수 있는 무료 색조합 사이트 11곳을 모았습니다. 여러 사이트 중에서 직접 사용해보고 괜찮은 사이트만 추천합니다. 광고가 적고, 색조합을 즐기기 좋은 사이트입니다.
* 이 글은 제휴 링크가 포함되어 있습니다. 제휴 링크로 일정 부분의 수수료를 받습니다. 이 수익은 더 나은 콘텐츠를 만들기 위해 투자합니다. 심플피는 직접 경험한 양질의 정보를 공유하기 위해 노력합니다.
1. Coolors
Coolors는 유명한 색조합 사이트입니다. 쿨러의 다양한 도구를 사용하면 색상 팔레트를 재밌게 만들 수 있습니다. 스페이스바를 누르면서 자신의 스타일에 맞는 색조합을 만들 수도 있고, 업로드한 사진의 색으로 색조합을 만들 수 있습니다. 사진과 색상 팔레트로 꼴라주 이미지를 만들 수도 있습니다. 쿨러는 자신의 색조합을 만들어서 공유하는 커뮤니티 사이트입니다. 홈에서 인기 많은 색조합을 한눈에 볼 수 있고 색상 코드도 쉽게 저장할 수 있습니다. 관련 글: Coolors로 색조합 팔레트 만드는 법
주요 특징
- 스페이스바 클릭 한 번으로 색상 팔레트 생성
- 인기있는 트렌드 팔레트 탐색 가능
- 이미지 업로드로 색상을 추출해 자동 팔레트 생성 > 꼴라주 제작 가능
- 선택한 팔레트를 실제 디자인 예시(웹, 포스터 등)에 미리 보기로 확인 가능
“무료 색조합 PPT 템플릿 사용하기” (배너 클릭 시 제휴 페이지 이동)
2. Site Palette
색이 예쁜 웹사이트를 발견했을 때, 이 웹사이트의 색조합을 추출할 수 있습니다. Site Palette는 확장 기능으로 색을 추출할 수 있습니다. 브라우저에 확장 기능을 설치하고 사이트 팔레트 아이콘을 클릭하면 현재 웹사이트의 색조합을 볼 수 있습니다. 크롬, 사파리, 파이어폭스 브라우저에서 확장 기능으로 사용할 수 있습니다.
주요 특징
- 방문 중인 웹페이지의 색을 자동으로 추출해 색조합 생성
- 생성한 팔레트를 공유할 수 있고, Google Palette, Coolors, Sketch, Adobe Swatch와 호환
3. Color Hunt
Color Hunt는 색조합을 가장 편하고 방대하게 찾아볼 수 있는 사이트입니다. 회원가입 필요 없이 좋아요만 누르면 컬렉션으로 자동 저장됩니다. New, 인기 있는 색조합 뿐만 아니라 컨셉 별로 색조합이 잘 정리되어 있습니다. Color Hunt는 Gal Shir가 만든 색조합 사이트입니다. 개인 프로젝트로 시작해서 트렌디한 색상 조합을 공유하는 플랫폼으로 성장했습니다. 관련 글: 컬러 헌트로 쉽고 빠르게 색조합 만들기
주요 특징
- New, Popular, Random, 키워드 등 다양한 분류 방식으로 인기 색조합 탐색 가능
- 생성한 팔레트를 모두가 볼 수 있는 커뮤니티 중심의 색상 팔레트 공유 플랫폼
4. Color Space
Color Space는 한가지 컬러를 선택하면 25가지 색조합 세트를 추천하는 사이트입니다. 정해진 색이 있을 때, 추천받으면 좋습니다. 특정 색의 색조합 찾는 시간을 줄이고 싶을 때 유용하게 사용할 수 있습니다. 자신이 만든 색조합과 컬러 스페이스의 색조합을 비교하는 재미도 있습니다.
주요 특징
- 하나의 색을 다양한 스타일의 팔레트로 생성 가능
- 2-3가지 색으로 그라데이션 색조합 생성, CSS 코드 복사 가능
“Canva에서 바로 색조합을 만들고 디자인을 완성하세요!(무료)” (배너 클릭 시 제휴 페이지 이동)
5. Web Gradients
WebGradients는 한눈에 그라데이션 색조합을 확인할 수 있는 사이트입니다. 원도형 안에 그라데이션이 정리되어 있어 사이트가 깔끔하고 보기 좋습니다. 심플하게 사용할 수 있는 선형 그라데이션 모음입니다. 관련 글: 그라데이션 사이트 추천 TOP 8 – CSS 코드 복사 가능
주요 특징
- 180가지 그라데이션을 CSS 코드 복사, PNG 이미지 다운로드, Sketch, 포토샵에서 편집 가능
6. ui Gradients
UI Gradients는 직관적이고 심플 그라데이션 색조합 사이트입니다. 넘겨가면서 그라데이션 배경을 확인할 수 있습니다. 그라데이션마다 재밌는 이름이 있습니다. 우리가 잘 알고 있는 넷플릭스, 인스타그램 색조합도 있습니다.
주요 특징
- 260가지 그라데이션을 CSS 코드 복사, JPG 이미지 다운로드 가능
7. 2 Color Combinations
2 Color Combinations는 2가지 컬러의 색조합만 보여주는 사이트입니다. 2가지 색상의 글꼴과 배경 조화를 확인할 수 있습니다. 색이 많이 필요없는 깔끔한 디자인을 작업해야 할 때 사용하면 좋습니다. 색의 사용자 지정은 할 수 없고 광고가 있습니다.
주요 특징
- 서로 잘 어울리는 2가지 색상 조합의 예시를 확인하고, 색상 코드 복사 가능
8. Color Lisa
Color Lisa는 세계 최고 걸작의 색을 큐레이팅한 색조합 모음입니다. 색조합은 한작품의 수많은 색 중에서 전문가들의 선택을 받은 색으로 공들여 만들어졌습니다. 고흐의 ‘별이 빛나는 밤’처럼 모두 알고 있는 명화의 색조합을 볼 수 있습니다.
- 세계적인 예술가 작품에서 추출한 명화 기반 색상 팔레트 제공
- 예술가의 이름으로 팔레트 탐색 가능
9. The Colors of Motion
The Colors of Motion은 영화에 사용된 색상의 조합입니다. 색조합 하나에 수많은 색이 선으로 조합되어 있습니다. 선은 단일 프레임의 평균 색상을 나타냅니다. 프레임의 시간 순서대로 위에서 아래로 영화의 모든 색을 담아냅니다. 좋아하는 영화의 색조합을 찾는 재미가 있습니다.
주요 특징
- 영화의 각 프레임의 색을 쌓아 만든 색조합 확인 가능
- 제목, 감독, 배우, 장르로 검색 가능
10. Color Hex
Color Hex는 홈에서 색상 하나를 선택하면 해당 컬러의 자세한 정보를 확인할 수 있습니다. 베이스 컬러, 색조합, CSS 코드, 관련 색상 등을 알 수 있습니다. 광고가 있습니다.
주요 특징
- 16진수(Hex)로 입력한 색상의 명확한 정보와 대비, 보색, CSS 코드를 한눈에 확인 가능
- 인기 팔레트의 색상 정보를 확인할 수 있고, PNG 이미지 다운로드 가능
11. Adobe Color
어도비 컬러는 한국어 지원이 가능해서 사용하기 편리합니다. 색상 휠을 자유롭게 움직이면서 나만의 색조합을 만들 수 있습니다. 유사색, 단색, 보색 조합 등 규칙을 적용해서 알맞은 색조합을 만들 수 있습니다. 관련 글: 어도비 컬러 사용 방법 – 색조합부터 트렌드까지
주요 특징
- 색상 이론 기반 팔레트 생성
- 이미지에서 색조합, 그라데이션 추출 가능
- 키워드를 검색하여 트렌디한 색조합 탐색 가능
마치며
이번에 소개한 색조합 사이트는 다양한 아이디어를 갖고 만들어진 색조합 사이트입니다. 저마다 다른 컨셉의 사이트를 구경하다 보면 색의 매력에 빠져듭니다. 색으로 만들어낸 콘텐츠가 매력적입니다. 이제 창의력을 발휘할 차례입니다. 색조합 영감 얻어서 디자인에 적용해 보세요! 언제나 즐거운 디자인 작업하시길 바랍니다.
더 다양한 색조합은 아래 글에서 확인하세요.
FAQ
Q. 무료 색조합을 상업적으로 활용해도 되나요?
Q. 이미지에서 색을 추출해 어울리는 색조합을 만드는 방법이 있나요?
Coolors, Adobe Color에 이미지를 업로드하면 주요 색상을 자동으로 추출해 팔레트를 만들어줍니다.
Q. CMYK 색조합은 어디서 만들 수 있나요?
Adobe Color에서 CMYK 값 기반으로 색상을 조합할 수 있습니다. 색상 모드를 CMYK로 변경하세요.
