본문 바로가기
AI에 대한 모든 것

Coolors(컬러스) 사용 방법

by 로봇김 2023. 8. 28.

색상 조합을 할 수 있는 AI, Coolors를 활용해 다양한 색상을 알아보고 색상 조합을 할 수 있습니다.

우리 생활에서도 색상이라는 것은 뺄 수 없는 부분이죠. 옷을 입을 때에도 옷의 색상을 고려해서 입는 만큼 신경 쓰는 부분이기도 합니다. 오늘은 색상의 고민을 덜어줄 수 있는 AI Tool인 Coolors에 대해서 알아보겠습니다.

 

 

1. Coolors 사용 방법

(1) 네이버 및 구글 등 인터넷 검색창에 'Coolors'를 검색하셔서 사이트로 접속해줍니다.

(2) 위 화면에서 노란색 네모 박스 부분인 'Start the generator!'를 클릭해줍니다.

 

(3) 색상 팔레트가 나오게 되는데요, 새로운 색상 팔레트를 만드시려면 '스페이스 바'를 누르셔서 위에 보이시는 5가지 색상들을 변경해 주시면 됩니다.

 

 

2. Coolors 기능 알아보기

1) 색상 알아보기

(1) 한가지 색상을 선택하시게 되면 위와 같은 화면이 나타나게 됩니다.

(2) 위 화면에서 노란색 네모 박스 부분은 위에서부터 아래 순으로 다음과 같습니다.

- 대비 확인: 해당 색상의 대비를 확인할 수 있습니다(유료 버전에서 가능합니다).

- 음영: 해당 색상의 음영을 확인하실 수 있습니다.

- 색상 저장: 해당 색상을 저장하실 수 있습니다.

- 견인: 해당 색상을 클릭한 채로 드래그하시면 색상의 위치를 바꾸실 수 있습니다.

- 16진수 복사: 해당 색상을 복사하실 수 있습니다.

(3) 위 화면에서 주황색 네모 박스 부분은 해당 색상만의 번호와 색상 명이 되겠습니다

(BEE9E8: 색상 번호 / Mint green: 색상 명)

 

 

2) 색상 합치기

1) 색상 사이에 마우스를 가져다 놓으시면 '+'표시가 나타나게 됩니다. '+'표시를 누르시면 +표시를 기준으로 양쪽에 있는 두 가지 색상이 합쳐진 새로운 색상을 만드실 수 있습니다. 

 

2) 1) 번의 내용대로 +표시를 누른 결과, 위 화면에서 주황색 네모 박스 부분을 보시면 새로운 색상이 만들어진 것을 확인할 수 있었습니다.

 

 

3) 콜라주 만들기

(1) 위 화면에서 점 세 개를 클릭하셔서 노란색 네모 박스 부분인 'Make a collage'를 클릭해줍니다.

 

(2) 그러면 Select image 창이 나타나게 됩니다. 콜라주를 만들 수 있는 방법은 아래 총 4가지가 있습니다.

- Upload: 가지고 있는 이미지를 업로드하여 해당 이미지의 색상들이 어떤 색상들인지 확인하실 수 있습니다.

- UPL: 색상이 궁금하신 이미지의 UPL을 적으셔서 알아보실 수 있습니다.

- Camera: 직접 촬영해서 색상을 알아보실 수 있습니다.

- Stock: Coolors 내에서 제공해주는 이미지의 색상들을 알아보실 수 있습니다.

 

(3) 위에서 알아본 4가지 방법 중 하나를 선택하셔서 이미지를 가져와 주시면 위 화면과 같이 'Collage maker' 창이 뜨게 됩니다.

- Layout: 색상 팔레트 위치를 정하실 수 있습니다(위 화면에서는 색상 팔레트가 오른쪽에 있는 것을 보실 수 있습니다).

- Aspect: 이미지와 색상 팔레트의 화면 비율을 선택하실 수 있습니다(1*1, 3*2, 2*3, 4*3 등).

- Palette: 팔레트 색상을 바꿔가면서 보실 수 있습니다. 업로드하신 이미지 옆에 나오는 색상 팔레트는 기본 5가지 색상으로 구성되어있습니다. Palette에서 색상 팔레트 색의 개수를 조절하실 수 있습니다. '+'를 누르시면 색상이 추가되고, '-'를 누르시면 색상을 줄이실 수 있습니다.

 

 

4) 팔레트 조정

(1) 위 화면에서 노란색 네모 박스 부분 아이콘을 클릭해줍니다.

(2) 그러면 또 다른 노란색 네모 박스 부분인 '팔레트 조정'을 할 수 있는 창이 뜨게 됩니다. 여기서 팔레트의 색조, 포화, 명도, 온도 등을 정하셔서 설정해주시면 되겠습니다.

- Hue: 색조

- Saturation: 포화

- Brightness: 명도

- Temperature: 온도

(3) 설정해주시게 되면 위 화면에서 주황색 네모 박스 부분의 색상이 변경됩니다. 팔레트 조정을 안 했을 때는 주황색 네모 박스 부분이 윗줄과 색이 똑같았었는데요, 팔레트 조정을 해줌으로써 색상이 변경된 것을 확인하실 수 있습니다.

 

 

5) 그 외 기능들

(1) View: Quick View 창이 나타나면서 화면에 보이는 5가지 색상에 대한 자세한 색상 정보를 확인하실 수 있습니다.

(2) Export: 다양한 방법으로 저장 및 공유를 하실 수 있습니다.

(3) Save: 색상을 저장하실 수 있습니다. 이 부분은 로그인해야만 사용하실 수 있습니다. 로그인 방법에는 구글 및 애플 계정으로 회원가입 및 로그인이 가능합니다.

(4) 주황색 네모 박스 부분: Library와 Explore로 나누어져 있습니다.

Library에서는 로그인하시면 여러분이 저장해 놓으신 팔레트들을 보실 수 있습니다.

Explore에서는 종류, 스타일, 색상 등 카테고리가 나누어져 있습니다. 여기서 선택하셔서 원하시는 색상을 조금 더 쉽게 찾으실 수 있습니다.

 

6) 유료 버전 기능들

(1) 위 화면에서 주황색 네모 박스 부분은 팔레트 시각화 도구입니다. 해당 아이콘을 누르시게 되면 팔레트 시각화 도구를 보실 수 있게 바로가기가 연결됩니다.

(2) 위 화면에서 노란색 네모 박스 부분은 유료 버전에서만 가능한 기능들입니다.

- 노란색 네모 박스 부분에서 왼 아이콘: 팔레트 변형

- 노란색 네모 박스 부분에서 오른쪽 아이콘: 팔레트 대비 확인

 

3. 마무리

이번 포스팅에서는 Coolors에 대해 알아보았습니다. 디자인, 문서 작업 등 색상 조합이 필요하실 때 한번 활용해보셔도 좋을 것 같습니다!

또한 로고, PPT 등을 만드실 때 활용해보신다면 도움이 되지 않을까 싶습니다.

로고, PPT 만드는 AI에 대한 것은 아랫글들을 참고해 주시면 감사하겠습니다.

 

< 도움이 되는 다른 글 >

https://robotk.tistory.com/8

 

My Brand New Logo(마이 브랜드 뉴 로고)로 나만의 로고 만드는 방법!

안녕하세요! 로봇김입니다. 오늘은 Ai Tool 중에서도 몇 번의 클릭만으로 나만의 로고를 만들 수 있는 'My Brand New Logo(마이 브랜드 뉴 로고)'에 대해 알아보려고 합니다. 여러분, 사업을 시작하려고

robotk.tistory.com

https://robotk.tistory.com/18

 

Slides AI(슬라이드 에이아이)로 PPT 만드는 방법!

텍스트 입력만으로, 간단한 주제 작성만으로도 PPT를 만들 수 있는 Ai, 바로 Slides AI가 있습니다. 특히 대학생분들, 학교 과제할 때 빠지지 않는 것 중 하나가 발표할 때 PPT 아닌가요? PPT를 만드는

robotk.tistory.com