어울리는 색조합을 찾는 것은 생각보다 어려운 일입니다. 미묘한 색감의 차이로 전체적인 밸런스가 무너지는 경우도 종종 있지요. 다양한 색을 테스트 하며 그 중에서 가장 어울리는 색 조합을 찾을 수도 있겠지만, 이미 완성되어 안정적으로 운영되고 있는 색 조합을 벤치마킹 하는 것도 좋은 방법 중 하나입니다.

어울리는 색 조합을 찾아주는 다양한 사이트들 중, 유명한 브랜드 웹사이트들에서 사용된 주요 컬러를 추출하여 어울리는 색조합을 보여주는 4 가지 사이트를 모아봤습니다.

유용히 사용하시고, 오늘도 칼퇴하세요~^^

Social Colors

페이스북, 트위터, 링크드인, 인스타그램, 드랍박스, 유튜브 등 유명 웹사이트들의 대표적인 컬러를 타일 형태로 보여주는 서비스입니다.

각 타일을 클릭하면 색상코드를 볼 수 있으며 해당 색상값은 자동으로 복사가 됩니다.

타일의 우 상단을 클릭하면 해당 색상을 전체 화면으로 볼 수 있으며, 좌측 상단의 드롭다운 메뉴를 통해 RGB, RGBA, HEX, #HEX 중 원하는 형태를 선택 후 화면을 클릭하면 해당 색상값을 복사할 수 있습니다.

GUIDELINE COLOUR

가이드라인 컬러는 페이스북, 트위터 등의 소셜미디어, 드랍박스, 에버노트 등의 온라인 서비스, bbc와 espn과 같은 미디어, 아마존, 월마트 등의 리테일 상점 등 큰 산업 카테고리 속에서 가장 유명한 대표적인 웹사이트 몇 곳을 선정하여, 해당 사이트의 메인 컬러값을 보여 줍니다.

각 썸네일의 하단에는 동그라미 표시가 기본적으로 있고, 정사각형 표시가 추가로 있는 경우도 있는데, 정사각형은 브랜드 가이드라인 문서가 첨부되어 있다는 표시입니다. 해당 썸네일을 클릭하면 해당 웹사이트 브랜드의 공식 브랜드 가이드라인을 함께 확인할 수 있도록 되어 있어 편리합니다.

Web Colour Data

웹 컬러 데이터라는 사이트 이름답게 유명 브랜드 사이트의 컬러 뿐만 아니라, 세계 각국의 다양한 사이트들의 색상 정보들이 업로드 됩니다. 특정 사이트의 url을 입력하여 색상 정보를 추출할 수 있도록 하는 서비스도 제공하고 있습니다.

보고 싶은 컬러의 사이트를 클릭하면 주요 색상의 #헥스값과 색상 분포, 그리고 유사한 컬러가 사용된 다른 웹사이트 추천 정보도 제공됩니다.

Brand Colors

가장 많은 브랜드들의 색조합 값을 가지고 있는 사이트입니다. 유명 브랜드들의 웹사이트들에서 사용된 메인 컬러를 알파벳 순으로 쉽게 확인할 수 있습니다.

원하는 사이트 명을 클릭하면 #헥스값을 확인할 수 있도록 컬러 썸네일이 넓게 펼쳐집니다. 마우스를 올리면 해당 색상값을 확인할 수 있으며, 클릭하면 색상값이 자동으로 복사됩니다.

청바지, 유리문, 벽, 스포츠 저지, 종이 등 다양한 텍스쳐 위에 새겨진 17 가지 무료 로고 목업 PSD 모음입니다.

즐겨 사용하시고, 오늘도 칼퇴하세요~^^

제가 큐레이션 하는 디자인 리소스들은 기본적으로 개인용/상업용 모두 사용 가능한 저작권 프리 자료이긴 하지만, 주의해야 할 부분이 있어서 공지사항으로 정리해 뒀습니다. 공지사항을 먼저 확인 후 이용하시기 바랍니다.

※ 공지사항 : 무료 디자인 리소스 이용 안내

청바지에 꽂힌 종이에 적힌 무료 로고 목업 PSD - Free Sheet Out Of Jeans Pocket Mockup PSD

위 타이틀 링크 하단의 Download free project here 링크를 클릭하면 청바지에 꽂힌 종이에 적힌 무료 로고 목업 PSD 파일을 다운로드 받을 수 있는 드랍박스 페이지로 이동합니다.

영화 제목 텍스트 효과를 주는 무료 로고 목업 PSD - Free Cinematic title Text Effect Mockup PSD

위 타이틀 링크 페이지 하단의 Download here 링크를 클릭하면 영화 제목 텍스트 효과를 주는 무료 로고 목업 PSD 파일을 다운로드 받을 수 있는 구글 드라이브 페이지로 이동합니다.

무료 스포츠 저지 유니폼 텍스쳐 로고 목업 PSD - Free Sports Jersey Texture PSD Logo Mockup

위 타이틀 링크 페이지 하단에서 이름과 이메일을 입력 후 이메일 전송 버튼을 클릭하면 스포츠 저지 텍스쳐 위에 새겨진 무료 로고 목업 PSD 파일을 다운로드 할 수 있는 링크가 생성됩니다.

무료 종이 텍스쳐 로고 목업 PSD - Free Decorative Paper Logo Mockup PSD

위 타이틀 링크 페이지 우측의 트위터나 페이스북 버튼을 클릭하여 공유하면 열리는 새 창에서 이메일을 입력 후 Download 버튼을 클릭하세요. 해당 이메일로 무료 종이 텍스쳐 로고 목업 PSD 파일을 다운로드 받을 수 있는 링크가 전송되는데, 네이버, 다음과 같은 국내 메일 서비스의 경우 스팸메일 함으로 자동 분류되어 들어가거나, 아예 메일이 수신되지 않는 경우가 간혹 있습니다. 처음부터 지메일 등의 해외 메일 서비스를 사용하는 것을 권장합니다.

3 가지 무료 빈티지 종이 텍스쳐 로고 목업 PSD - 3 Free Vintage Paper Logo PSD Mockups

위 타이틀 링크 페이지의 우측 또는 하단의 Free download 버튼을 클릭하면 열리는 새 창에서, 이메일을 입력하고 동의하기 체크박스에 체크한 후 Subscribe 버튼을 클릭하면 3 가지 무료 빈티지 종이 텍스쳐 로고 목업 PSD 파일 다운로드 링크가 전송됩니다. 다만,  네이버, 다음과 같은 국내 메일 서비스의 경우 스팸메일 함으로 자동 분류되어 들어가거나, 아예 메일이 수신되지 않는 경우가 간혹 있습니다. 처음부터 지메일 등의 해외 메일 서비스를 사용하는 것을 권장합니다.

종이 텍스쳐 무료 로고 목업 PSD - Free Paper Texture Logo Mockup PSD

위 타이틀 링크 페이지의 가격 입력란에 '0'을 입력하고 I want this! 버튼을 클릭하면 열리는 새 창에서, 이메일을 입력 후 Get 버튼을 클릭하면 종이 텍스쳐 무료 로고 목업 PSD 파일을 다운로드 받을 수 있는 Download 버튼이 생성됩니다.

6 가지 의류 패션 브랜드 무료 로고 목업 PSD - 6 Free Clothes Fashion Brand Logo PSD Mockups

위 타이틀 링크 페이지 하단의 Download Here! 링크를 클릭하면 6 가지 무료 로고 목업 PSD 파일을 다운로드 받을 수 있습니다.

무료 길거리 벽 로고 목업 PSD - Free Street Wall Logo Mockup PSD

위 타이틀 링크 페이지 하단의 Download 버튼을 클릭하면 3초 이내에 무료 길거리 벽 로고 목업 PSD 파일 다운로드가 진행됩니다.

무료 버튼 뱃지 목업 PSD - Free Button Badge Mockup PSD

위 타이틀 링크 페이지 하단의 DOWNLOAD 버튼을 클릭하면 무료 버튼 배지 목업 PSD 파일 다운로드가 진행됩니다.

무료 유리문 로고 목업 PSD - Free Glass Door Logo Mockup PSD

위 타이틀 링크 페이지 하단의 Download 버튼을 클릭하면 3초 이내에 무료 유리문 로고 목업 PSD 파일 다운로드가 진행됩니다.

22 가지 무료 PSD 명함 목업 모음입니다.

즐겨 사용하시고, 오늘도 칼퇴하세요~^^

제가 큐레이션 하는 디자인 리소스들은 기본적으로 개인용/상업용 모두 사용 가능한 저작권 프리 자료이긴 하지만, 주의해야 할 부분이 있어서 공지사항으로 정리해 뒀습니다. 공지사항을 먼저 확인 후 이용하시기 바랍니다.

※ 공지사항 : 무료 디자인 리소스 이용 안내

2 가지 무료 명함 목업 PSD - 2 Free Business Card PSD Mockups

위 타이틀 링크 페이지 중간 쯤 Thanks for watching! 문구 아래에 있는 DOWNLOAD 링크를 클릭하면 2 가지 무료 PSD 명함 목업 파일을 다운로드 받을 수 있는 구글 드라이브 페이지로 이동합니다. 

2 가지 무료 명함 목업 PSD - 2 Free PSD Business Card Mockups

위 타이틀 링크 페이지 중간 쯤 Thanks for watching! 문구 아래에 있는 DOWNLOAD 링크를 클릭하면 2 가지 무료 PSD 명함 목업 파일을 다운로드 받을 수 있는 구글 드라이브 페이지로 이동합니다. 

8 가지 무료 명함 목업 PSD - 8 Free Clean Business Card PSD Mockups

위 타이틀 링크 페이지 우측의 Free Download via email 버튼을 클릭하고 이름과 이메일을 입력하면 8 가지 무료 PSD 명함 목업 파일을 다운로드 받을 수 있는 다운로드 버튼이 생성됩니다.

3 가지 무료 명함 목업 PSD - 3 Free Standing Business Card PSD Mockups

위 타이틀 링크 페이지 우측의 Download via Gumroad 버튼을 클릭하면 뜨는 새 창에서, 가격 입력란에 '0'을 입력 후 I want this! 버튼을 클릭하세요. 이어서 이메일을 입력하고 Get 버튼을 클릭하면 열리는 창에서 View product 버튼을 클릭하면 3 가지 무료 PSD 명함 목업 파일을 다운로드 받을 수 있는 페이지로 이동합니다.

4 가지 무료 명함 목업 PSD - 4 Free Business Card PSD Mockups

위 타이틀 링크 페이지 상단의 You can download by going HERE 링크를 클릭하면 새 창이 열리는데, 거기서 DOWNLOAD 버튼을 클릭하면 4 가지 PSD 무료 명함 목업 파일을 다운로드 받을 수 있습니다.

무료 명함 목업 PSD - Free Business Card Mockup PSD

위 타이틀 링크 페이지 하단의 DOWNLOAD 링크를 클릭하면 무료 PSD 명함 목업 파일 다운로드가 진행됩니다.

무료 명함 목업 PSD - Free Business Card Mockup PSD

위 타이틀 링크 페이지에서 이미지 밑에 있는 Download here 링크를 클릭하면 무료 명함 목업 PSD 파일을 다운로드 받을 수 있습니다.

무료 명함 목업  PSD - Free Business Card Mockup PSD 

위 타이틀 링크 페이지 우측의 DOWNLOAD FREEBIE 버튼을 클릭하고 이메일을 입력하면 무료 명함 목업 PSD 파일을 다운로드 받을 수 있는 링크가 이메일로 전송됩니다. 다만 네이버와 같은 국내 이메일 서비스를 사용하면 이메일이 수신되지 않거나, 스팸메일함으로 자동 분류되어 들어가는 경우가 간혹 있으니 지메일과 같은 해외 메일 서비스를 사용하는 것을 권장합니다.

3 가지 무료 명함 목업 PSD - 3 Free Business Card PSD Mockups

위 타이틀 링크 페이지 하단의 DOWNLOAD 버튼을 클릭하면 3 가지 무료 명함 목업 PSD 파일을 다운로드 받을 수 있습니다.