카테고리 없음

[상세페이지 디자인] 상세페이지 이미지 제작 색상조합 추천 사이트 취향저격편

핸핸 2021. 4. 9. 23:39
반응형

색상조합, 색상추천, 컬러추천 사이트 중에 내가 선택하는 나의 취향을 담은 색을 알아볼 수 있는 사이트를 알아보자. 

Pallettable 

 

Palettable

 

www.palettable.io

팔렛테이블이다.

팔렛테이블은 간단한 색상 설문조사를 통해 나의 취향을 체크하고, 취향에 맞는 색을 추천해주는 사이트.

이렇게 색상하나를 주고, dislike인지like인지 선택해주면 된다. 

색상하나를 선택하면, 하나가 정해지고 그 색에 어울리는 다른 색상을 선택할 수 있게 추천해주면
거기에 like와 dislike 를 선택해주면 된다.

두번째 like를 선택하면, 세번째 like 컬러를 선택하게 나온다.

세번째 컬러도 선택이되었다면, 네번째 컬러를 픽해준다.

최소 5개까지 선택이 가능하다. 5번째 컬러까지 픽해주면 완료.

export를 누르면 png로 다운을 받을것인지 url로 추출을 할것인지 선택하게 나온다. 

내가 필요한 형태로 추출을 하면된다. 

png로 받은 파일이다.

내 취향대로 선택한 색상과 코드표가 보여진다. 

이 코드표와 색상을 이용해서 이미지를 제작해주면 된다. 

선택한 색상으로 글씨에 그라데이션을 줘 보았다. 다양하게 사용할 수 있는 팔레트가 만들어졌다. 


단색 컬러와 그에 어울리는 컬러 가 필요할 때

1. 헬로컬러 hellocolor

 

hello-color

 

jxnblk.github.io

이 사이트는 단순히 클릭을 하면 이미지 코드표를 보여주는 사이트이다. 색상의 조합을 보여주는 컬러는 아니고, 단색컬러를 추천하고, 거기에 어울리는 또 다른 단색 컬러를 보여주는 사이트이다. 

로고를 만들거나, 문구와 배경과의 조합이 필요할때 사용하면 좋은 단순한 사이트. 
화면을 클릭해주면 다른 컬러로 넘어간다. 


2. 컬러 클레임 color claim

 

Colors - House of van Schneider

ABOUT COLORCLAIM ColorClaim is simple. All I do is collect my favorite color combinations on one big page. Usually these combinations are very subtle, one main and one  accent color.  ColorClaim was originally created just for myself, but I figured you m

vanschneider.com

이 사이트 역시 단색과, 어울리는 폰트 컬러를 추천해준다.

상세페이지 이미지, 로고, 브랜드 이미지 등을 제작할때 사용하면 좋은 사이트

이렇게 로고 컬러와, 배경색을 보여준다. 

단순히 컬러를 추천해주고 있기때문에 조합하거나, 원하는 색상을 선택해서 거기에 맞는 컬러를 보기는 어렵지만 추천해주고 있는 색상을 사용하여 가공이 가능하다. 

27번의 색상 조합중 노란색, 붉은색 추천 표를 이용하여 제작한 썸네일 이미지이다. 

이런식으로 사용하면 좋을 것 같다. 


브랜드 컬러가 궁금하다면?

브랜드컬러 brandcolors 

 

BrandColors - official brand color hex codes

Close Modal About BrandColors BrandColors was created by DesignBombs. The goal was to create a helpful reference for the brand color codes that are needed most often. It's been featured by Smashing Magazine, CSS-Tricks, Web Design Depot, Tuts+, and over 2

brandcolors.net

실제 브랜딩을 할때 컬러도 매우매우 중요한 부분이다. 

이마트를 생각하면 노란색과 회색이 떠오르고, 구글을 생각하면 붉은색 파란색이 떠오르고
또 맥도날드를 생각하면 붉은색과 노란색 등 그 브랜드의 색깔을 확고히해주고 또 사람들의 머릿속에 컬러로 각인되는 효과가 있기때문에 색을 선택하는것은 매우 중요한일이다.

여러 브랜드들의 대표 컬러가 어떤 컬러인지 보여주는 사이트.

첫 페이지이다.

가장 상단에 떠있는 서치바를 이용하여 브랜드를 검색해준다. (브랜드가 없을 수도 있음)
rolls-royce를 검색해보았다.

그 브랜드를 대표해주는 색을 추천해준다.

브랜딩이 필요할 때, 로고를 결정할때, 브랜드들의 개성어린 컬러들의 레퍼런스 체크가 필요할 때 보면 좋을 사이트.


여기까지 상품등록 중 "이미지" 제작에 필요한 #사이트편 포스팅이었다. 
지난 포스팅은 아래의 링크에서!▽

#이미지편집기

 

상품 썸네일 이미지, 상세페이지 이미지 쉽게 만드는 #이미지편집기 이미지 편집 툴

스마트스토어, 쇼핑몰 상품 썸네일 이미지, 상세페이지 쉽게 만드는 툴 소개 스마트스토어, G마켓, 쿠팡 등 쇼핑몰에 입점하여 상품을 판매하기 위해서 각각의 쇼핑몰에서 제공하는 판매자센터

mamul.tistory.com

#상업적폰트

 

상세페이지 썸네일 이미지 SNS 광고 등 이미지에 삽입할 #상업적폰트 (다폰트,눈누) 무료폰트

상세페이지 등과 같은 온라인에 사용되는 이미지를 제작하다 보면 아이콘, 사진 그리고 보다 예쁜 상업용 폰트 등을 찾게 될 것이다. 오늘은 이미지 편집에 필요한 상업용 폰트와, 아이콘 등을

mamul.tistory.com

#무료이미지 #무료아이콘

 

상세페이지를 위한 #무료이미지 소스 상업적 이용 가능 이미지들 프리픽 셔터스톡 픽사베이

이미지를 제작하다보면 아이콘이 필요할 때도 있고, 이미지가 필요할 때도 있고 일러스트가 필요할 때가 있다. 필요할때 다른 사람이 이미 만들어놓은 이미지 또는 아이콘을 사용할 수 있다면?

mamul.tistory.com

#색상조합 #컬러추천

 

디자인을 하기 위한 컬러조합 #색상조합 #컬러추천 사이트 3개 소개

디자인을 하거나, 무언가를 만들어야할 때 가장 많이 고민하고 시간을 쏟는 부분이 "컬러" 이다. 어떤색을, 어떻게 입혀야 조금은 이미지를 개성있게 보여줄 수 있을까? 또는 오늘 이 옷에 어떤

mamul.tistory.com

#색상조합 #그라데이션 #그레디언트 

 

상세페이지 이미지 제작에 필요한 색상조합 사이트 #그라데이션편

지난 포스팅에서도 상세페이지나 컨텐츠제작에 필요한 색상조합, 컬러 조합 사이트를 소개하는 포스팅을 작성했었다. 이번 포스팅은 색상 조합 사이트 중 "그라데이션" 컬러를 조합해주는 사이

mamul.tistory.com

 

반응형