PPT 색상 쉽게 고르기 (참고사이트)

PPT 색상 쉽게 고르기

 

 PPT나 일러스트 등의 디자인의 꽃은 색상의 선택으로 좌우됩니다.

검은색과 빨간색의 조화로 어둡고 칙칙하며 공포스러움을 조성해낼 수 있으며,

파란색과 노란색, 초록색 등의 원색에 가까운 색상을 사용하여 바다나 하늘과 같은 시원한 느낌을 낼 수 있습니다.

이처럼 색상의 조화를 이용해서 분위기를 만들고,

보는 이로 하여금 안정감을 줄 수 있는 요소를 만드는데 중축이 되죠.

그렇다면 실패하지 않는 색상조합을 하기 위해서는 어떻게 접근해야 할까요?

초등학교때나 중학교때 미술시간에 보았던 색상배열표를 통해서 대비색 유사색을 이용할 수도 있습니다만, 더욱 간단하게 정리되어 있는 사이트를 소개해드리고자 합니다.

실제로 그라데이션을 적용하거나 그림자와 같은 색상의 명확하지 않은 구분점을 자연스럽고 위화감을 억제한 디자인을 할 때 큰 도움을 받고 있습니다.

또한 년도별이나 계절별로 트랜디한 색상은 계속 변하고 있기 때문에,

이러한 참고사이트를 통해서 요즘 분위기에 맞는 색상을 사용한다면 조금 더 시대에 물든 자연스러운 느낌을 강조할 수 있을 것입니다.

그럼 사이트들을 함께 확인하도록 합시다.

---

(1) Adobe Color

 어도비에서 공식으로 운영하는 사이트로 가장 큰 특징은 사진과 함께 색상을 보여주는 것입니다.

이러한 일러스트와 사진에는 이렇게 많은 색배열이 들어가고 있으며 자연스럽게 융화되고 있으니, 너도 한 번 써봐라! 는 느낌을 주죠.

<어도비 컬러 / Adobe Color>

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

위 사이트에 접속해 보면 아래와 같이 가장 먼저 색상 원표가 나오게 됩니다.

5개의 원중 원하는 색상에 드래그 앤 드랍을 하면 가장 잘 어울릴 수 있는 색상들을 자동적으로 배열하게 됩니다.

이때 좌측에 보이는 

유사 / 단색 / 삼각형 / 보색 / 분할 보색 / 이중 분할 보색 / 정사각형 / 혼합 / 음영 / 사용자 정의 

라고 보이는 필터에 따라 5개의 원형이 자리를 맞춰 색상을 추천해줍니다.

저의 경우 음영 탭을 이용하여 한 작품에서 보여줄 수 있는 그림자 색상을 조화롭게 엮는 편입니다.

상단에서 

두 번째 탭 탐색에 들어가게 되면,

이전 원형 색배열과는 다르게 이미 나와있는 프리셋들을 확인할 수 있습니다.

색상별로 정말 수 없이 다양하게 조화된 5개의 컬러 배열을 볼 수 있습니다.

현재는 블루라는 컨셉컬러에 맞는 결과물만을 보여주고 있는데,

상단에 보이는 검색창에 원하는 느낌을 검색해준다면 (ex. RED) 그 결과값에 맞는 다양한 컬러를 출력해줍니다. (하단참고)

그리고 상단에서

트렌드 탭에 들어가게 되면 위와 같이 다양한 트렌드에 맞는 색상배열을 보여줍니다.

화장과 관련된 색상들도 보이며, 사람과 공간예술에서 사용된 색상들도 볼 수 있습니다.

원하는 컨셉트의 색상을 클릭하면 아래와 같이 색상을 더욱 큰 이미지로 보여주고 우측 탭에서

다운로드 혹은 CSS의 코드를 복사할 수 있는 선택란이 함께 나옵니다.

CSS코드를 이용해서 티스토리와 같은 블로그에 직접 적용할 수도 있으며,

사진으로 다운받아 일러스트나 포토샵, PPT 등의 프로그램 내에서 스포이드 기능으로 색을 추출할 수 있습니다.

---

(2) uiGradients

 두 번째로 소개해드리고 싶은 사이트는 그라데이션 샘플링관련 웹페이지 입니다.

항상 그라데이션을 적용하면 싼티가나고 어디에도 어울리지 않는 색상이 되었다면 이 사이트에서 기본적으로 제공하는 프리셋을 사용하는 것도 좋은 방법입니다. 

<uiGradient>

https://uigradients.com/#Sunkist

사이트에 접속한 화면입니다.

아주 단순한 UI로 구성되어 있는 이 사이트는 좌측 상단부터 더욱 많은 프리셋을 볼 수 있는 버튼이 존재하고 중간에 색상에 관현 코드, 우측에는 다운로드와 CSS코드 복사버튼이 존재합니다.

좌측 상단에 있는 더욱 많은 프리셋 버튼을 누르면 다음과 같이 원하는 색상에 관련된 모든 그라데이션을 보여줍니다.

두 가지 색상의 그라데이션이기 때문에 원하는 이미지를 클릭하여 다운받은 후 이전과 같이 스포이드 등을 이용해 색상을 추출해주시면 됩니다.

그리고 색상을 누르면 우측상단에 뜨는 이 버튼들은,

좌측부터 회전, CSS코드복사, 자신의 계정에 찜하기, 직접 다운로드 입니다.

---

이렇게 원하는 색상과 그라데이션의 프리셋을 이용해서 실패하지 않는 디자인을 완수할 수 있습니다.

색상에 어려움을 느끼는 분들이라면 누구나 이 사이트에 접속해서 원하는 느낌을 얻어갈 수 있을 것이라 생각합니다.

추가적인 문의사항은 댓글을 남겨주세요.