색 조합, 컬러 팔레트 추천 및 원하는 색감으로 컬러팔레트 직접 만드는 방법!

 

컬러 팔레트를 제공하는 사이트는 많습니다. 직접 만들어보고 확인하게 해 주는 사이트도 많죠.

 

그러나 원리를 간단히 설명해주면서, 색을 조합하는 방법과 컨셉에 따라 컬러 팔레트를 만들어보게 해주는 친절한 사이트는 많지 않은 것 같습니다.

 

이번 포스팅은 컬러조합법을 가볍게 확인하고, 직접 색 테마를 선택해서 원하는 느낌의 색감을 조합해보는 사이트를 소개해드리겠습니다.

 

 

컬러 팔레트 (Color Palettes) 추천

https://www.w3schools.com/colors/colors_palettes.asp

하늘빛, 모랫빛

Sky Palettes와 Sand Palettes, 하늘 컬러팔레트와 모래 컬러 팔레트 입니다.

 

꽃, 바닷빛 

Flower Palettes, Beach Palettes, 꽃 컬러 팔레트와 바다, 해변 컬러 팔레트입니다.

 

이처럼 간단하고 다양한 컬러 팔레트를 만나보실 수 있습니다만,

 

중요하고 대단한 것은 나도 내가 원하는 색감으로 원하는 느낌의 컬러를 만들어 볼 수 있다는 것입니다!

 

---

 

Color Schemes 색 구성표

컬러 조합법 확인하기

https://www.w3schools.com/colors/colors_schemes.asp

색 구성표 Color Schemes

 

위 사이트에는 색을 조합하고 구성하는 5가지의 방법이 제시되어 있습니다.

그리고, 이제 우리는 저 방법에 따라 원하는 색감과 원하는 느낌의 컬러팔레트를 제작할 수 있습니다!

 

 

---

 

컬러 팔레트 만들기

 

Monochromatic Color Schemes

단색의 컬러 팔레트 만들기

Monochromatic Color Schemes

 

위의 링크에 접속하시면 단색의 컬러팔레트를 보실 수 있고, 색감을 조정해가면서 오른편의 예시 이미지로 확인할 수 있습니다.

 

웹사이트의 제작 전에 컬러를 적용하면 어떤 느낌일지 미리 볼 수 있다는 최강의 장점이 있죠.

 

---

w3school color schemes 사용법

 

Color Schemes 사용법

 

위의 사진을 보시면, Color wheel(색 원형표)에서 원하는 색감을 고르시고, 명도와 채도를 조정하면서 메인 테마 컬러를 바꾸실 수 있습니다.

또한, 세부 컬러들은 하단의 컬러칩들을 각각 명도와 채도를 조정하면서 바꾸실 수 있습니다.

 

이렇게 색을 조정하시면 실시간으로 오른편의 Theme Color 라고 써진 화면에 적용이 됩니다. 너무 편리하죠!

 

 

 

Analogous Color Schemes

아날로그스러운 컬러 팔레트 만들기

 

Analogous Color Schemes

 

사용법은 동일합니다.

이 유사 컬러 팔레트를 만들려면, 색 원형표에서 옆에 위치한 컬러들끼리 조합합니다.

편안한 느낌을 주는 조합이죠.

 

 

 

Complementary Color Schemes

눈에 띄는 컬러 팔레트 만들기

Complementary Color Schemes

 

이번 컬러 팔레트는 보색의 컬러 팔레트로, Title을 강조할 수 있는 컬러 팔레트입니다.

컬러 휠에서 서로 정반대에 있는 색을 선택해주죠.

 

Complementary Color Schemes

 

개인적으로 가장 예쁜게 많은 테마 같습니다.

 

 

 

Triadic Color Schemes

삼원색으로 트렌디한 느낌의 컬러 팔레트 만들기

Triadic Color Schemes

 

선택한 컬러와 대칭적인 컬러들을 총 3개 조합하여 구성하는 컬러 팔레트입니다.

가장 자주 보이는 조합인 것 같기도 합니다.

글씨가 눈에 띄면서, 다른 내용들도 강조하기 좋은 테마에요.

 

 

 

Compound Color Schemes

보색을 다양하게 활용해서 유니크한 느낌의 컬러 팔레트 만들기

Compound Color Schemes

 

설명글 같은 느낌보다는 확 눈에 띄는, 가벼운 문구와 유니크한 느낌을 주는 곳에 쓰이기 좋습니다.

선택한 컬러와, 그 메인 컬러의 보색에 비슷한 컬러들을 적당히 조합하여 사용하는 테마입니다.

 

 

---

 

이렇게 오늘은 다양한 컬러 테마를 알아보았습니다.

웹페이지를 제작하시거나 카드뉴스, 홍보물 등을 만들고, 가볍게는 글을 쓰는 경우까지 다양한 경우에서 위의 컬러 조합법을 활용해서 좋은 제작물을 만드시기 바랍니다!

 

 

 

웹페이지 컬러 테마, 카드뉴스 컬러 테마, 카드뉴스 템플릿, ppt 컬러 테마, ppt 템플릿, 광고 컬러 테마, 색조합, 색 조합 사이트 추천, 컬러 조합 사이트 추천, 컬러테마 사이트 추천, 컬러팔레트 사이트 추천, 색 팔레트, w3schools color palettes, color schemes