잡담☺︎/꿀팁

[유용정보] 디자인과 필수! 색 조합 참고 사이트 모음(인기 컬러 팔레트✨)

오몽시 2022. 10. 20. 10:36
728x90

 

안녕하세요! 오늘은 알아두면 좋을 색상 조합 사이트 정보를 가져왔어요!

 

디자이너는 물론 저처럼 센스없는 분들이 참고하시면 좋을거같아요. 

특히 학생 분들 PPT 만들어야 할 경우 많죠?! 이때 사이트 봐가면서 색 조합 예쁘게 만들면 굿😍

 

 

색상 조합 사이트 모음(디자이너 필수 & PPT 만들 때 유용)

 

 

 

🍡 1. Palette maker 🍡

 

첫번째 추천드리는 사이트는 palette maker 라는 사이트예요.

 

 

위 사진 보시면 아시겠지만 저 사이트에서 추천 색조합을 여러개 배치해줍니다.

그럼 저흰 저 중에 마음에 드는 색 조합을 골라서 클릭만 하면 돼요!

 

제가 고른 색 조합대로 예시 그림의 색 또한 바뀝니다. 

그 색을 이용한 여러 포스터디자인이나 ui/ux 디자인 등등 여러 예시를 보여주니까 

 그 색 조합을 사용했을 때 어떤 느낌인지 확 와닿으실 거예요!

 

그리고 제일 위에 팔레트처럼 색 다섯개 동그랗게 있는거 보이시나요?

고치고 싶은 색 누르면 제가 자유롭게 원하는 색으로 바꿀수 있고요 

바꾼 색으로 즉각 반영됩니다! 

 

 

사이트 주소 : https://palettemaker.com/

 

Palette Maker - Generate and Preview Colors on Real Design Templates

Free color tool for creatives and color lovers. Create color palettes and preview them on UI/UX, Illustrations, Web, Apps, Branding and other designs.

palettemaker.com

 

 

 

🍡 2. Colorffy 🍡

 

두번째 사이트는 colorffy 라는 사이트입니다.

 

 

 

팔레트란에 가시면 사진처럼 색깔별로 골라서 색조합을 보실 수 있어요!

또 색 조합 뿐만 아니라 그라디언트도 볼 수 있습니다!

 

마음에 드는 색 조합 클릭하시면 디테일한 페이지로 이동합니다.

 

이렇게 어떤식으로 사용했는지 프리뷰도 볼 수 있어요.

 

뿐만 아니라 그 색들의 Hex 컬러 부터 시작해서 RGB, HSL, HWB 등등의 색깔을 확인할 수 있습니다!

 

 

사이트주소 : https://colorffy.com/

 

Colorffy - The easiest CSS color gradients generator.

The most intuitive tool to generate gradients, palettes, and color schemes! Use our color tools to make beautiful designs, and get inspiration from many colors.

colorffy.com

 

 

 

🍡 3. Adobe Color CC 🍡

 

세번째 사이트는 adobe color cc 입니다.

 

사이트사진 1

 

사이트가 되게 감각적이지 않나요?ㅋㅋ

 

어떻게 색조합을 활용했는지 사진으로 예시를 보여주고 있네요.

 

저 사이트사진1 은 검색탭을 눌렀을 때 보여지는 화면이고요, 

트랜드탭을 누르면 패션, 그래픽디자인, 일러스트, 건축, 게임디자인, 자연, 푸드, 여행 등등의 테마별로 색조합을 

볼 수 있습니다!

 

아이폰이나 아이패드에서 촬영한 사진을 바탕으로 조합컬러를 작성하거나,

포토샵이나 일러스트레이터 등의 Adobe서비스랑 동기해서 이용할 수 도 있어요!

 

굉장히 유용한 사이트입니다!

 

 

사이트주소 : https://color.adobe.com

 

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

 

color.adobe.com

 

 

 

🍡 4. Random Material Palette Generator 🍡

 

네번째 사이트는 random material palette generator 입니다.

 

 

화면을 클릭할 때마다 각각 다른 색상의 색상배열이 랜덤하게 조합됩니다!

 

첫화면은 텍스트 템플릿 디자인으로 나오는데요, 제일 오른쪽 탭에 보시면 아이콘이 있는데 

아이콘 클릭하면 원하는 템프릿으로 봐뀌어요.

 

위에서부터 순서대로 텍스트템플릿, 카드템플릿, 버티컬템플릿, 원형템플릿, 로고템플릿입니다!

 

그리고 저 스포이드 아이콘 누르면 원하는 색상으로 색 바꿀 수 있어요.

 

 

사이트주소 : https://www.threebu.it/random-material-palette/

 

Random Material Palette Generator - THREEBÙ

Your material palette just with a click! #RandomMaterialPalette

www.threebu.it

 

 

 

🍡 5. Image Hues 🍡

 

다섯번째 사이트는 Image hues 입니다.

 

 

unsplash 라는 저작권 이미지 무료 사이트에서 랜덤으로 골라낸 사진 중 4개의 컬러팔레트를 

만들어내는 사이트입니다!

 

원형으로 된 색 하나하나를 클릭하면 그 색의 헥스컬러를 복사할 수 있습니다.

 

사진과 컬러를 매치하면서 볼 수 있기 때문에 색 조합에 대한 이미지를 연상하기 쉬운거 같아요~!

 

 

사이트주소 : https://imagehues.com/

 

Image Hues

 

imagehues.com

 

 

 

🍡 6. Color Hunt 🍡

 

여섯번재 사이트는 color hunt 입니다!

 

 

유저가 투고한 4색 배열 팔레트를 볼 수 있습니다.

 

주제별 카데고리에서 색 배열을 볼 수 있다는 특징도 있어요.

또 New, Popular, Random 별로 구분지어 볼 수도 있습니다.

 

 

 

이런식으로 상세페이지 가면 이미지를 다운받을 수도 있고 컬러별 색상코드도 알 수 있어요!

 

 

사이트주소 : https://colorhunt.co/

 

Color Palettes for Designers and Artists - Color Hunt

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

colorhunt.co