디자인을 하다 보면 정말 어려운 것 중 하나가 바로 색 조합이라는 것을 느낍니다. 저도 다양한 색을 사용하다 보면 어떻게 하면 더 색을 잘 쓸까 고민하게 돼요. 그럴 때마다 찾게 되는 색상 추천 사이트가 있습니다. 색 조잡에 대해 고민이 많은 디자이너라면 즐겨찾기 해놓고 사용하시면 정말 좋을 것 같아요.
투 칼라 콤비네이션스 Two Color Combinations
사이트 이름처럼 두 가지 색의 조합을 볼 수 있는 곳입니다. 다양한 두 가지 색 조합을 볼 수 있어서 자주 찾게 되는 곳입니다. 홈페이지 디자인도 깔끔하게 되어 있고 아래로 쭉 스크롤하면서 볼 수 있는 것도 좋네요. 기본 타이포가 적용되어 있어서 대략적인 느낌을 볼 수 있다는 것도 큰 장점입니다.
이미지 가운데 원을 클릭하면 헥스 코드값을 복사해줘서 바로 그래픽 프로그램에 붙여 넣을 수 있다는 것도 큰 장점입니다. 다만 기본적으로 RGB 기반이고 UI에 사용하도록 만들어져 있어서 인쇄용으로 사용한다면 약간의 조정이 필요할 것 같습니다.
어도비 칼라 Adobe Color
그래픽 프로그램의 대명사인 어도비에서 만든 곳입니다. 따로 설명을 안해도 될 정도로 유명한 색상 관련 사이트죠. 다양한 옵션과 사용자들이 원하는 대부분의 조작이 가능합니다. 또 포토샵, 일러스트레이터 등에 사용할 수 있도록 라이브러리에 색 세트를 바로 담아 사용할 수도 있습니다.
생성
생성탭에는 색상휠, 테마 추출, 그레이디언트 추출, 접근성 도구가 있습니다. 색상 휠에서는 내가 원하는대로 색을 조절해 색상을 만들 수 있습니다. 왼쪽 색상 하모니 규칙 적용을 눌러보면서 색을 찾으면 더 다양한 색을 볼 수 있을 겁니다.
테마추출과 그레이디언트 추출은 이미지를 올리면 색을 찾아주는 기능입니다. 저는 접근성 도구는 정말 유용한 곳입니다. 명암비를 수치적으로 보여줘서 내가 쓰는 두 가지 색의 명함비를 알려주고 적절한지 부적절한지 알려줘서 더 가독성 있는 색 조합을 이끌어냅니다.
또 색맹에게 사용하면 좋은 것들도 이 탭에 있으니 필요하신 분들은 꼭 사용해 보시기 바랍니다.
탐색
탐색탭에는 검색을 통해 색을 찾을 수 있는 곳입니다. 색상이나 분위기 등 다양한 검색어로 검색하면 다양한 색 세트를 보여줍니다. 그리고 마음에 드는 색 세트를 바로 라이브러리에 저장할 수도 있습니다.
트렌드
트렌드는 현재 유행하는 트렌드에 맞는 색을 보여줍니다. 전문가들이 사용한 색 세트를 보면서 마음에 드는 것들을 바로 저장 할 수 있습니다.
라이브러리
내가 저장한 다양한 색을 한 번에 볼 수 있습니다.
칼라헌트 ColorHunt
칼라헌트는 기본적으로 4가지 색 조합을 제공하는 곳입니다. 기본 색 조합이 잘 되어있기 때문에 간단하게 사용하기 좋습니다. 칼라헌트의 가장 큰 장점은 왼쪽탭에 있습니다. 새로 나온 색 조합, 한 달, 1년, 모든 기간 중 인기 있는 색 조합을 볼 수 있습니다.
또 파스텔, 빈티지, 레트로, 네온, 골드, 스킨 등 다양한 구성의 다양한 색 조합을 제공합니다. 그리고 각 색에 마우스를 올리면 헥사 코드값이 나타나고 헥사 코드를 클릭하면 코드가 복사됩니다.
또 좋은 점은 구글 크롬에 확장 프로그램으로 칼라헌트를 설치하면 현재 웹사이트의 색 중 대표색 4가지를 뽑아준다는 것입니다. 사용해보니 은근 편한 기능입니다. 그런데 오직 4가지 색만 추천해주기 때문에 부족한 느낌이 있습니다.
아마 제가 올려드린 곳 외에도 다양한 색 관련 사이트가 있을 겁니다. 하지만 저는 이 세 곳만 잘 이용하더라도 굉장히 좋은 결과물을 낼 수 있을 것이라고 확신합니다.
디자인을 하면서 어떤 색을 어떻게 사용해야 할지 고민된다면 위에 올려드린 곳에서 색을 추출해 사용해 보세요. 분명히 더 나은 결과물을 얻으실 수 있을 겁니다.
그리고 더 중요한 것은 기존에 사용하던 색이 아닌 다른 색을 사용해 보세요. 그럼 더 다양한 색 감각을 기르실 수 있을 겁니다. 안 써본 색을 사용했을 때 색 감각은 더 향상될 것입니다.
더 많은 색상 사이트는 아래 유튜브를 참고해보세요!
함께 보면 더 좋은 글
'소소한 디자인' 카테고리의 다른 글
무료 이미지 생성 AI 총 정리와 디자이너가 바라본 느낌 (1) | 2023.12.22 |
---|---|
인포그래픽 그릴 때 용도에 맞는 그래프 사용 방법과 주의 사항 (0) | 2023.04.16 |
그림 그리면서 직접 사용해본 포토샵 무료 브러시 추천! (0) | 2023.03.02 |
일러스트레이터 잘하는 방법 알려드립니다! 개념 및 배우는 방법 (1) | 2023.02.23 |
[강좌] 일러스트레이터로 아이폰14 프로 그리기-1강 (0) | 2023.01.16 |