그라데이션을 손쉽게 만들어주고 추천해주는 사이트들 모음

그라데이션을 손쉽게 만들어주고 추천해주는 사이트들 모음

공유하기

안녕하세요. Design Base입니다.

너무나 오랜만에 올리네요… 꾸준히 올리려 했는데 중요한 프로젝트를 진행하며 야근과 주말 출근을 밥 먹듯이 해서.. 그래도 점점 여유가 있어져서 다시 올립니다!

2017년부터 꾸준히 사랑을 받아온 컬러는 다름 아닌 그라데이션이죠. 디자인 소셜로 유명한 Behance에서 Gradient라고 검색해봐도 그라데이션의 인기를 알 수 있겠죠?

gradient_06

그런데 문제는 이거죠… 내가 하면 이상하다는 점…

그럴 땐 참고하는 사이트들이 있습니다.

Blend

블랜드의 좋은 점은 컬러 팔레트로 좌우 영역의 색상을 지정 후에 그라데이션으로 합쳐볼 수 있어요. 좌우 색상을 선택 후에 가운데 Let’s Blend!를 눌러보세요. 포토샵으로 하는 것보다 더 쉬워요.

http://www.colinkeany.com/blend/

uiGradients

uiGradients는 위에 블랜드와 비슷한 느낌인데 좀 더 상세한 기능을 가지고 있습니다. 좌측에 ‘Show all gradients’를 누르면 남들이 만들어서 공유한 다양한 그라데이션 레퍼런스들이 있습니다. 또한 웹 개발 언어인 CSS 코드로 출력이 가능하며, 추가 혹은 저장 기능도 있어요.

https://uigradients.com/

WebGradients

웹그라디언츠는 비핸스에서 한 번 떠서 유명해진 사이트입니다. 나름 감각적인 그라데이션들을 모아서 추천해주는 사이트로 천천히 구경해보세요.

https://webgradients.com/

지금까지 그라데이션 참고 사이트를 알아봤습니다. 비슷한 사이트들은 좀 더 있지만 그 중에 이 Best 3가지 만 뽑아봤습니다. 문제는 다 좋아서 고르기 힘들 수도 있어요…ㅎㅎ

다음 번엔 10초 안에 채색을 해주는 인공지능 작가를 소개해드릴게요.