본문 바로가기
그리고/ㆍ워드프레스

어떤 컬러톤으로 사이트를 만들까

by diMik 2020. 10. 16.

사이트의 대강의 골자를 짰으니

어떤 컬러톤으로 꾸밀 것인지 결정해야한다.

 

 

페이지 배경색

글자색

마우스 오버시의 색

링크 색

문단배경색

등등

 

 

원래는 배경색을 짙은 노란색으로 하고

깔끔한 톤으로 가려고 했는데,

일단 핑크, 블루톤도 사용해야하는 상황이라

노랑이 배경에 깔려있으니,

다른 색을 이용하기가 어려웠다.

뭔가 매치가 잘 안되는 기분.

 

 

그래서 일단

배경은 흰색으로 하고

원래의 짙은색 계열로 가려던 대신

파스텔톤으로 적용해두었다.

 


 

사이트 컬러 컨셉 작업시에

이용하는 사이트 소개를 해볼까.

 

 

색 조합 시 내가 자주 이용하는 사이트는

coolors.co/generate

이다.

 

 

 

 

처음에 들어가면

랜덤으로 5가지 색조합을 추천해주는데

스페이스바를 누르면서 계속 다양한 색을

추천받을 수 있다.

 

 

맘에 드는 색이 나오면 자물쇠로 잠가놓고

다시 스페이스를 누르며 어울리는 색을 찾아볼 수 있다.

+버튼을 눌러 더 많은 색 조합을 맞춰볼 수 있다.

 

 

우측상단의 explore를 클릭하면

다른 사람들이 조합해놓은 컬러를

참고할 수 있다.

 

 

이렇게 여러 색을 동시에 띄워놓고 보면

예쁘다고 골라놓은 색이

다른 색들과 안어울리는 경우가 많다 ㅠ

그러면 다시 색 조정 !

 

 

전반적으로 톤을 맞추는 게

중요한 것 같다

 


헤헷, 하나 더 소개하자면~

 

그라디언트 조합이 필요할 때는

webgradients.com

여기서 영감을 얻어서 작업한다.

아름다운 색 조합도 예쁘고,

사이트 디자인이 동글동글한 게 귀엽다.

 


예쁘다고 생각했던 컬러조합도

작업하느라 자주 들락날락 하다보면

내 눈에 질려서 그런지

또 다른 색으로 작업하고 싶어진다는 것이 문제 ㅎ

 

댓글