
꾸준히 사랑을 받아온 스타일 중 하나는 그라데이션이죠. Behance에서 Gradient라고 검색해봐도 그라데이션의 인기를 알 수 있겠죠? 하지만, 막상 그라데이션 컬러를 사용하려고 하면 어렵습니다. 이럴 때 컬러를 참고할만한 사이트들이 있습니다. 비슷한 사이트들은 좀 더 있지만 그중에 베스트 세 곳 만 뽑아봤습니다.
WebGradients
웹그라디언츠는 감각적인 그라데이션 컬러들을 모아서 추천해주는 사이트입니다. 컬러 Hex값도 제공하고 있어서 빠르게 적용도 가능합니다.

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


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

