개발/유용한 툴

[유용한 툴] Coolors

ENFP Jake 2022. 4. 20. 09:36
728x90
반응형

# Coolors로 나만의 팔레트를 만들어보자

- 서비스를 기획하거나 앱을 개발할 때 컬러를 정하는 일은 고민거리 중 하나입니다. 적당한 색을 몇 개 골랐는데 서로 어울리지 않는다거나, 몇 일 지나서 보니 마음에 들지 않는 경우도 있습니다. 본 포스팅에서는 이런 문제를 해결해 줄 Coolors라는 서비스를 소개하려고 합니다

 

# Coolors 사이트

 

Coolors - The super fast color palettes generator!

Generate or browse beautiful color combinations for your designs.

coolors.co

 

# Coolors 사용방법

- Coolors에서 제공하는 다양한 기능이 있겠으나, 가장 애용하는 기능은 팔레트 생성 기능입니다.  사용 방법은 간단합니다. 우선 아래의 메인 화면에서, Make A Pallette 아래의 맥북 이미지를 클릭합니다

 

- 팔레트 생성 기능이 실행되면, 아래와 같이 자동생성된 팔레트를 볼 수 있습니다. 

 

- 마음에 드는 색깔이 나오면 우선 아래의 Lock 기능을 사용하여 기준으로 삼습니다

 

- 그리고 스페이스 바를 눌러서 나머지 색깔들을 자동생성 합니다. 이렇게 하는 이유는 Coolors에서 고정한 색과 어울리는 색이 생성되기 때문입니다. 필요한 색들을 고정해 가면서 원하는 팔레트를 만들면 됩니다.

Lock을 걸어둔 상태

 

스페이스 바를 눌러 새로운 색을 생성

 


# 기타 기능 및 참고사항

- 5가지 이상의 색이 포함된 팔레트를 생성하려면 Pro 버젼을 사용해야 합니다

- 인기 있는 기존 팔레트를 참조하여 수정해서 원하는 팔레트를 만드는 것도 좋은 방법입니다

- 색깔 하단의 HEX 코드를 선택해서 생성된 색을 직접 변경할 수도 있습니다

 

 


 

728x90
반응형