Android Material Color Tool/안드로이드 색상 조합 사이트 추천/웹 색상 조합 사이트 추천/앱 색상 조합/Web 색상 조합

혼자 앱을 만들다보면 색조합부터 디자인까지.. 참 생각보다 어렵다...

왜 내가 쓰는 색마다 그렇게 촌스럽고 안어울리는지 의문 ?

나 같은 사람을 위해 도움을 주는 사이트가 참 많다.

 

1. Material Design Color Tool

Color Tool - Material Design

앱 개발 할 때 참고하기 좋은 사이트 중에 최고이지 않을까 싶다!

Primary Color 와 Secondary Color 를 지정하면 그 둘이 조화롭게 어울리는지도 볼 수 있고,

사진에서 처럼 기본 적으로 많이 쓰이는 View에서 어떤식으로 조합하면 좋을지 미리 보여준다.

 

2. Paletton

Paletton - The Color Scheme Designer

색을 선택하면 왼쪽에 보이는 사진처럼 비슷한 컬러감의 색조합으로 추천을 해주고,

아래에 있는 'EXAMPLES...'를 누르면 오른쪽에 보이는 사진처럼 창이 하나가 더 떠서 실제로 적용했을 때

어떤식으로 보이는지 볼 수 있다. 물론 저렇게 웹 사이트 배경에 노란색을 때려박는 사람은 없겠지만..^^

 

 

3.Color Hunt

Color Palettes for Designers and Artists - Color Hunt

 

 

4. Color-hex

Color Hex Color Codes

메인 화면에서 원하는 색상을 선택하고 누르면, 오른쪽과 같은 화면을 보여준다.

자주 쓸것같지는 않지만.. Web 개발할때 css 코드와 해당 색이 포함된 다른 색상 조합까지 보여줘서 의외로 유용할 것 같다.

 

 

5. Coolors

Coolors - The super fast color palettes generator!

Coolors 는 iOS, Android, Chrom 확장 프로그램으로도 색상 조합 서비스를 제공하고 있다.

또 이미지를 업로드하면 사진을 분석해서 대표색상? 들을 뽑아주는 기능도 제공해서.. 마음에드는 분위기의 사진이 있다면 그걸 바탕으로 색을 뽑아보는 것도 좋을 것 같다.

 

 

6. Adobe Color

https://color.adobe.com/ko/create/color-wheel

제일 유명한 색 조합 사이트 Adobe 이다. 학생때 부터 들어서 알고는 있었으나.. 사실 나는 별로 색 조합이 이쁜것 같지도 않고.. 무엇보다 오히려 너무 자유롭게 선택이 가능하니까 어떤걸 선택해야할지, 뭘 선택해도 이상해서 사용하지는 않았다.

그런데 상단에 탐색이나 트렌트 같은 탭을 통해서 인기있는 색조합과 같은 순서로도 볼 수 있는걸 이제 알았다..ㅎㅎ