[색상참고사이트] 쪽빛을 찾아서

 

 블로그에 적용해둔 Readiz 님의 반응형 스킨 FastBoot 1.6.1.은 심플하고 로딩이 빠르다는게 장점 중 하나입니다. 하지만, 단순하다고해서 꾸밀 수 없다는 뜻은 아닙니다. 아직 복잡한 변용은 실력이 부족해서 우선 상단 바들의 색상만 살짝 바꿔봤습니다.

 처음 적용하고 싶었던 색상은 '쪽빛' 색상이었습니다. 막상 적용을 하려고보니 다양한 쪽빛 색상 중 어떤걸 적용해야 잘 어울릴지도 판단이 쉽지 않고, 각각의 쪽빛 색상의 HEX코드가 뭔지도 알 수가 없었습니다. 할 수 없이 인터넷에서 쪽빛 색상을 검색해서 나오는 사진을 참고로 색상을 선택해서 꾸몄습니다.

초등학교 다닐때까지 열심히 미술학원을 다녔지만, 막상 실제로 색을 선택하고 적용하려하니까 이게 잘 어울리는지 고민이 많이 되었습니다. 그래서 저처럼 블로그 디자인 같은걸 할 때 색을 선택해야하는 상황에서 도움이 될만한 사이트를 정리해봤습니다.(비슷한 기능을 가진 프로그램이나 어플들이 많겠지만, 바로 웹에서 사용할 수 있는 사이트 기준으로 소개합니다.)

색상표 사이트

COLOR COMBOS

COLOURlovers

 말 그대로 색상표가 있는 사이트입니다. 맘에드는 색상을 하나 선택하면 그와 어울리는 색상들을 다섯가지 정도씩 알려줍니다. 한번에 너무 여러 개의 색상을 쓰는것은 오히려 번잡한 느낌만 더해질꺼라서 다섯가지 정도면 갯수가 충분합니다.

기준색에서 어울리는 색을 뽑아주는 사이트

Adobe Color CC

 위에 알려드린 색상표 사이트에서 원하는 색을 골라서 추천해주는 색들을 쓸 수도 있지만, 자기 맘에 딱 드는 기준색이 없을 수도 있습니다. 이 사이트의 경우에는 자기가 원하는 기준색을 자유롭게 선택할 수 있고 그에 맞춰서 몇 가지 패턴(유사, 단색, 보색 등등)으로 어울리는 색을 뽑아주는 사이트입니다. 

사진에서 원하는 색의 코드를 알려주는 사이트

Photo Editor online

 어떤 경우에는 사진 속에 있는 색상이 꼭 마음에 들어서 그 색상을 사용하고 싶은 경우가 있습니다. 이런 경우에는 포토샵같은 사진 에디터 프로그램을 사용하면 간단합니다. 그런 작업을 웹상에서 할 수 있는 사이트가 바로 Photo Editor online입니다. 원하는 색상이 나와있는 사진을 웹사이트에서 열고난 후에 왼쪽에 있는 '도구' 메뉴의 왼쪽 아래에서 두번째에 위치한 스포이드 모양을 선택해서 원하는 색상 위치를 찍어주시면 색상을 채집할 수 있습니다. '도구'메뉴 아래쪽에 채집된 색상을 클릭해주시면 'Color selector'창이 뜨면서 그 색상의 HEX코드를 알 수 있습니다. HEX코드 아래에 어울리는 추천색까지 알려줍니다.

 저는 색상표 사이트랑 Adobe Color CC를 잠시 뒤적이다가 결국은 검색으로 찾은 사진에서 원하는 색의 코드를 직접 알아냈습니다. 제가 채집한 두 색상의 코드는 아래와 같습니다.

(2015년4월28일 기준으로 블로그 상단배경과 그 아래 상단바에 쓰고 있는데, 언제 바뀔지는 모르겠습니다.)

 쪽색상표 - 회수에 따라 다른 쪽빛 색상

. 가장 밝은 색상톤에 해당하는 코드가 : #a7d2eb

. 중간 조금 아래의 제법 짙은 색상톤에 해당하는 코드가 : #093073

 제가 찾는 색이 쪽빛색이었는데, 쪽빛이라는 색상 자체가 워낙에 다양했고, 고유의 색상이다보니 모니터에서 표현할 때는 어떤 코드를 써야할 지 알 수가 없었기 때문입니다. 하지만, 저처럼 특정 색상을 원하는게 아니라면 색상표나 Adobe Color CC사이트 만으로도 충분히 색상을 선정하실 수 있을듯합니다.