안녕하세요. 리메인입니다:-D
오랜 기간 실무에서 업무를 진행한 디자이너들도 늘상 고민하는 '컬러'선택!
컬러는 디자인의 완성도에 큰 영향을 주는 아주 중요한 요소입니다.
잘된 컬러 배색은 디자인의 퀄리티를 높이지만, 반대로 잘못된 조합은
디자인 퀄리티 전체를 떨어트리게 됩니다.
디자이너들을 위해 고민의 시간은 줄이고, 작업의 퀄리티를 높일 수 있는 최적의 배색 조합을 찾아주는'배색 참고 사이트 TOP5'를 소개합니다.
: 어도비에서 제공하는 가장 대중적인 배색 추천 서비스
https://color.adobe.com/ko/create
컬러휠을 움직여 원하는 생상을 찾고, 유사, 단색, 삼각형, 보색, 혼합, 음영 등의 색상 규칙으로 다양한 배색을 만들 수 있습니다.
자신이 직접 선택한 배색 뿐만 아니라 다른 유저들이 올린 색상 조합을 볼 수 있고, 해당 조합을 다시 조절하여 쓸 수 있습니다.
원하는 이미지를 업로드해 이미지의 컬러를 바탕으로 배색을 만들 수도 있으며, 마음에 드는 컬러를 가진 이미지의 컬러를 활용하고 싶을 때 유용합니다.
: 웹 사이트에 사용된 컬러의 비율을 알려주는 서비스
분석하고 싶은 웹사이트 주소를 입력하면 해당 사이트에서 사용된 컬러의 비율과 코드를 함께 알려줍니다. 또한 입력한 웹사이트와 비슷한 컬러 구성의 웹사이트를 추천해줍니다.
벤치마킹 사이트의 배색 뿐만 아니라 컬러의 비율까지 시각화 된 데이터로 제공해 참고하기 좋은 사이트입니다.
: 기준이 되는 컬러의 자연스러운 변화를 제공하는 서비스
기준이 되는 컬러를 정하면 shades/tints, tone, mix, similar 네가지 형태의 자연스러운 컬러 변화를 확인할 수 있습니다. 자연스러운 컬러의 흐름이나 변화가 필요할 때 유용한 서비스입니다.
: 트랜디한 그라디언트 조합을 제공하는 서비스
https://uigradients.com/#Mello
자연스럽고 아름다운 조합의 그라디언트 컬러를 제공하며, HTML/CSS 코드를 함께 제공해 편리하게 사용할 수 있습니다.
05. Design-Seeds
: 사진을 기반으로 추출한 배색을 제공하는 서비스
색감이 뛰어난 사진을 기반으로 컬러를 추출했기 때문에 인위적이기 보다는 차분하고 자연스러운 느낌의 배색이 대다수입니다. 자연스러운 배색을 원한다면 도움이 되는 서비스 입니다.
마치며,
지금까지 디자이너를 위한 컬러 배색 사이트에 대해 알아봤습니다!
컬러 선택에 어려움을 겪을 때에는 위 다섯 가지의 사이트를 활용하여 디자인을 만들어 보시길 바랍니다:-)