글씨에 그러데이션을 넣는 방법을 알려드리는 포스팅을 했었는데요! 이렇게 포토샵이나 일러스트 작업을 할 때에 색 조합이 필요한 경우가 많습니다. 항상 작업을 할 때 어떤 색을 조합해야 할지 고민에 빠지곤 합니다. 그리고 다른 색감에서 힌트를 얻어서 조합해도, 나는 왜 이렇게 감각이 없을까 싶어 질 때가 많습니다. 저와 같은 어려움을 겪고 계실 분들께, 여러 가지 유용한 참고 사이트를 소개해드립니다.
색상 하나로 디자인이 달라지는 마법! 컬러 조합 때문에 어려워하신다면 참고해보시면 좋을 것 같습니다. 그러데이션을 쉽게 만들어주고, 추천해주는 그런 사이트들이랍니다. 다양한 색상 코드가 필요하신 분들이면 유용할 것 같습니다.
webgradients
그라데이션을 다양하게 모아서 추천해줍니다. CSS 코드에 사용할 수 있게 복사도 가능하고 PNG로도 저장이 되는 것이 특징입니다.
Free Gradients Collection by itmeo.com
Free collection of 180 background gradients that you can use as content backdrops in any part of your website.
webgradients.com
Blend
블랜드는 양쪽에 준비되어있는 컬러 팔레트에 각각 색상을 지정하고, 그라데이션으로 미리보기가 가능하답니다. 색상 선택 후에 LET'S BLEND! 를 누르면 된답니다.
Blend—Create and customize beautiful CSS3 gradients.
Blend—Create and customize beautiful CSS3 gradients.
www.colinkeany.com
uiGradients
색상 리스트도 볼수있고, 색상표를 간단하게 알려줍니다. 양 옆에 화살표를 누르면 다양한 그러데이션을 볼 수 있습니다. 다른 사람들이 만든 그러데이션들도 리스트 형식으로 볼 수 있는게 특징입니다.
uiGradients - Beautiful colored gradients
uiGradients is a handpicked collection of beautiful color gradients for designers and developers.
uigradients.com
LOLCOLORS
물방울 모양으로 된 색상 조합을 찾아볼 수 있는 유용한 사이트입니다. 다른 사람들이 선호하는 컬러가 무엇인지도 알 수 있습니다. 색상 코드표를 복사해서 포토샵과 일러스트 등 바로 적용하여 사용할 수 있습니다. 물방울 색상에 마우스를 가져다 마우스 오버하면 색상 코드가 출력이 되는 방식이랍니다.
LOL Colors - Curated color palette inspiration
www.webdesignrankings.com
ColorSpace
원하는 색상에 어떤 컬러가 어울리는지 추천해주는 사이트입니다. 메인 컬러를 정한 후 서브 컬러를 정하지 못했을때 굉장히 유용합니다.
ColorSpace - Color Palettes Generator and Color Gradient Tool
Just Enter a Color! And Generate nice Color Palettes
mycolor.space
정말 다양하게 유용한 사이트가 많습니다. 그중에 제가 자주 사용하는 5가지 사이트를 보여드렸습니다. 정말 비슷한 사이트들도 많아서 찾아보시면 정말 많구나 싶으실 겁니다. 하나씩 눌러 들어가 보시고 마음에 드는 사이트를 이용해 보세요. 알아두면 유용한 그러데이션, 컬러 조합 사이트였습니다 :-)
