웹사이트 색상 통계: 웹사이트에 가장 적합한 색상은 무엇입니까?

색상은 웹 사이트 디자인의 가장 중요한 시각적 구성 요소 중 하나입니다. 전환율에서 방문자가 브랜드를 인식하는 방식에 이르기까지 모든 것에 영향을 줄 수 있습니다.

따라서 웹사이트 색 구성표를 올바르게 설정해야 한다는 것은 말할 필요도 없습니다. 그러나 어떤 색상을 사용해야합니까? 어떻게 효과적으로 사용할 수 있습니까?

이 웹사이트 색상 통계 요약에서 우리는 이러한 질문에 답하는 데 도움이 될 수 있는 놀라운 데이터를 공유할 것입니다.

아래 통계는 색상이 얼마나 중요한지, 다양한 소비자 세그먼트가 다양한 웹사이트 색상 등에 어떻게 반응하는지 보여줍니다.

준비가 된? 시작하자!

웹 사이트에 가장 적합한 색상은 무엇입니까?

웹사이트에 가장 적합한 색상이 무엇인지에 대한 객관적인 합의는 없습니다. 모든 색상은 브랜드 및 대상 시장의 특성에 따라 다르기 때문입니다. 그러나 파란색과 녹색은 대부분의 고객이 웹사이트에서 보기를 선호하는 색상이므로 안전한 선택으로 보입니다.

일반적으로 소비자들은 따뜻한 색상보다 시원한 색상을 선호하는 것 같습니다.

웹사이트 방문자는 어떤 색상을 선호합니까?

소비자의 46%는 기업이 웹사이트에서 파란색을 사용하는 것을 선호하므로 웹사이트 방문자가 가장 선호하는 색상입니다.

나중에 살펴보겠지만 이 기본 설정은 전 세계의 일반적인 색상 기본 설정과 관련이 있습니다.

그리고 그것은 아마도 우리가 파란색을 인식하는 방식과 관련이 있을 것입니다. 이는 종종 브랜드 웹사이트가 추구하는 세 가지 특성인 차분하고 안전하며 전문적인 위협적이지 않은 색상으로 간주됩니다. 그러나 이러한 색상 연관성에 대해서는 나중에 더 자세히 설명하겠습니다.

녹색은 30%의 득표율로 두 번째로 가장 선호되는 웹사이트 색상이었고 빨간색은 22%로 3위를 차지했습니다.

흥미로운 웹사이트 색상 통계:

• 웹사이트를 처음 방문하는 소비자의 22%는 시선을 사로잡는 색상을 찾습니다.
• 그러나 소비자의 21%는 이상한 색상의 웹사이트를 떠날 것입니다.
• 19%의 사람들은 따뜻한 색상의 경우 14%에 불과한 반면 차가운 색상을 긍정적인 감정적 반응과 연관시킵니다.

최악의 웹 사이트 색상은 무엇입니까?

노란색은 소비자가 웹사이트에서 가장 싫어하는 색상이며 설문조사에 응한 응답자의 23%가 기업에서 웹사이트 디자인에 노란색을 사용해서는 안 된다고 생각했습니다. 오렌지와 퍼플은 22%가 웹사이트에서 가장 선호하지 않는 색상이라고 응답하여 두 번째로 근접했습니다.

즉, 객관적으로 '최악의 웹사이트 색상'은 없습니다. 위의 웹사이트 색상 통계는 소비자가 좋아하지 않는다고 생각 하는 웹사이트 색상을 알려 주지만 이것이 귀하에게 올바른 선택이 아니라는 의미는 아닙니다. 그것은 모두 브랜드 개성 및 대상 고객과 같은 요소에 따라 다릅니다.

인구통계별 웹사이트 색상 선호도

웹사이트 색상 선호도는 성별에 따라 다릅니다. 남성과 여성 모두 파란색과 녹색에 대해 연약한 부분이 있는 것처럼 보이지만 여성은 특히 파란색과 녹색을 좋아합니다.

• 여성의 50%는 웹사이트에서 파란색을 선호하는 반면 남성은 45%
• 여성의 34%는 웹사이트에서 녹색을 선호하는 반면 남성은 30%입니다.

마찬가지로 웹사이트에서 사람들이 가장 싫어하는 색도 성별에 따라 다른 것 같습니다. 여성은 노란색을 더 싫어하고 남성은 주황색을 더 싫어합니다.

• 여성의 26%는 기업이 웹사이트에 노란색을 사용해서는 안 된다고 생각합니다.
• 남성의 23%는 기업이 웹사이트에 주황색을 사용해서는 안 된다고 생각합니다.

색상 선호도도 연령별로 다른 것 같습니다.

• 18~24세의 43%가 웹사이트에서 보라색을 좋아하지만 44~54세의 17%만이 같은 느낌을 받습니다.

웹 사이트에 가장 적합한 색 구성표는 무엇입니까?

대부분의 웹사이트는 한 가지 색상만 사용하는 것이 아니라 여러 가지 색상을 사용합니다. 웹사이트에서 함께 사용하는 색상 조합은 색상 구성표이며 올바르게 사용하는 것이 매우 중요합니다.

데이터에 따르면 대부분의 소비자가 웹사이트에 가장 적합한 색상 구성표는 다음과 같습니다.

• 소비자의 26%는 기본 색상 구성표를 선호합니다 . 기본 색 구성표는 기본 색상인 빨강, 노랑, 파랑을 사용합니다.
• 소비자의 21%는 보색 구성표를 선호합니다 . 보색 구성표는 파란색과 주황색 또는 빨간색과 녹색과 같이 색상환에서 서로 반대편에 있는 두 가지 색상을 사용합니다. 하나는 지배적인 색상이고 다른 하나는 강조 색상입니다.
• 소비자의 20%는 유사한 색상 구성표를 선호합니다. 유사한 색 구성표는 빨간색과 보라색 및 빨간색-보라색 또는 노란색과 녹색 및 노란색-녹색과 같이 색상환에서 서로 옆에 배치된 색상을 사용합니다.

여백이 얼마나 중요합니까?

소비자의 8%만이 웹사이트를 처음 볼 때 여백을 인지합니다. 이것이 웹 디자인에서 여백이 중요한 이유입니다.

방문자의 관심을 CTA 및 구매 버튼과 같이 가장 중요한 항목으로 유도할 수 있도록 요소 사이에 공간을 만드는 데 도움이 됩니다. 또한 웹 사이트 페이지가 지저분하고 어수선해 보이는 것을 방지하는 데 도움이 됩니다.

출처: 최고의 디자인 회사 ¹ , 최고의 디자인 회사 ²

색상 인기 통계

우리는 소비자가 가장 좋아하는 웹사이트 색상이 무엇인지 살펴보았지만 일반적으로 그들이 가장 좋아하는 색상은 어떻습니까? 알아 보자.

세계인이 가장 좋아하는 색은?

Joe Hallock의 연구에 따르면 파란색과 녹색은 웹사이트 색상에 대한 최고의 선택일 뿐만 아니라 전반적으로 세계에서 가장 좋아하는 색상이기도 합니다.

설문조사에 응한 사람들의 42%는 파란색이 가장 좋아하는 색상이라고 답하여 최고의 색상으로 선정했습니다. 녹색과 보라색은 각각 14%의 득표율로 세계에서 두 번째로 좋아하는 색이었습니다.

이 통계는 Colorcom의 Global Color Survey 데이터에 의해 뒷받침됩니다. 300,000명 이상의 사람들을 대상으로 한 설문조사 결과도 참가자들이 가장 좋아하는 색으로 파란색을 선택하는 것으로 나타났습니다.

세상에서 가장 싫어하는 색은?

Joe Hallock의 동일한 설문 조사에 따르면 주황색은 모든 연령대와 성별에 걸쳐 대부분의 사람들이 가장 좋아하지 않는 색상입니다.

30%의 사람들이 오렌지를 가장 싫어한다고 말했고, 23%는 갈색(세계에서 두 번째로 덜 좋아하는 색), 13%는 보라색(세계에서 세 번째로 덜 좋아하는 색)이라고 말했습니다.

그러나 Colorcom의 글로벌 설문조사에서는 약간 다른 결과가 나타났습니다. 그들의 데이터에 따르면 노란색은 가장 일반적으로 가장 좋아하지 않는 색상입니다.

성별에 따른 가장 인기 있는 색상

웹사이트 색상과 마찬가지로 일반적으로 사람들이 가장 좋아하는 색상은 성별과 연령에 따라 다릅니다.

아래에서 우리가 가지고 있는 최고의 데이터에 따라 특정 색상이 가장 마음에 든다고 말한 성별의 비율을 확인할 수 있습니다.

가장 좋아하는 10가지 색상(여성):

1. 파란색 – 35%
2. 보라색 – 23%
3. 녹색 – 14%
4. 빨간색 – 9%
5. 블랙 – 6%
6. 주황색 – 5%
7. 노란색 – 3%
8. 갈색 – 3%
9. 흰색 – 1%
10. 회색 – 1%

가장 좋아하는 10가지 색상(남성):

1. 파란색 – 57%
2. 녹색 – 14%
3. 블랙 – 9%
4. 빨간색 – 7%
5. 주황색 – 5%
6. 회색 – 3%
7. 흰색 – 2%
8. 갈색 – 2%
9. 노란색 – 1%
10. 보라색 – 0%

여기서 흥미로운 점은 성별이 모두 파란색과 녹색이지만 보라색에 대한 선호도에는 뚜렷한 차이가 있다는 것입니다. 여성들 사이에서 두 번째로 인기 있는 색상입니다. 그러나 남성의 경우에는 가장 적습니다.

성별에 따라 가장 선호하지 않는 색상

다음으로, 동일한 연구에 따라 특정 색상이 가장 마음에 들지 않는다고 말한 성별 응답자의 비율을 분석해 보겠습니다.

가장 일반적으로 가장 좋아하지 않는 색상(여성):

1. 주황색 - 33%
2. 갈색 – 20%
3. 회색 – 17%
4. 노란색 - 13%
5. 보라색 – 8%
6. 녹색 – 6%
7. 흰색 – 3%

가장 일반적으로 가장 좋아하지 않는 색상(남성):

1. 브라운 – 27%
2. 보라색 – 22%
3. 주황색 - 22%
4. 노란색 - 13%
5. 흰색 – 5%
6. 회색 – 5%
7. 녹색 – 2%
8. 빨간색 – 2%
9. 블랙 – 1%
10. 파란색 – 1%

여기서도 흥미로운 유사점과 차이점이 있습니다. 남녀 모두 갈색과 주황색을 다소 싫어하는 것처럼 보이지만 남성은 가장 싫어하는 색이 자주색이라고 말할 가능성이 훨씬 높습니다.

출처: Colorcom ¹ , 조 할록 ¹

색상 선호도는 나이에 따라 달라집니까?

예, 색상 선호도는 연령에 따라 달라지는 것 같습니다. 파란색은 전 세계인이 가장 좋아하는 색이지만 흥미롭게도 통계에 따르면 연령대가 젊을수록 녹색에 대한 선호도가 높고 연령대가 높을수록 녹색에 대한 선호도가 낮다는 통계가 있습니다.

보라색은 그 반대입니다. 젊은 사람들은 덜 좋아하고 나이든 사람들은 더 좋아합니다.

유사하게, 주황색과 노란색은 나이든 소비자들 사이에서 덜 인기가 있는 것 같습니다. 이 색상은 노년층의 응답자가 가장 선호하지 않는 색상으로 더 자주 명명됩니다.

브라운은 젊은 연령층에서 가장 선호하지 않는 색상으로 더 자주 지명됩니다.

클릭 유도문안 버튼에 가장 적합한 색상은 무엇인가요?

웹사이트의 모든 요소 중에서 클릭 유도문안(CTA) 버튼이 가장 중요할 것입니다. 고객이 주목하고 클릭하기를 원하는 요소입니다.

따라서 클릭 유도문안을 위한 최고의 색상이 무엇인지 알아내기 위한 많은 연구와 테스트가 있었습니다. 통계가 보여주는 것은 다음과 같습니다.

• Performable의 웹사이트에 대한 Hubspot의 분할 테스트에서 빨간색 버튼이 녹색 버튼보다 성능이 훨씬 우수하고 21% 더 많은 클릭을 생성했습니다.
• 다른 테스트에서도 비슷한 결과가 나타났습니다. 예를 들어 Dmix는 빨간색 버튼으로 전환하면 전환율이 34% 증가한다는 사실을 발견했습니다.
• 대부분의 연구는 빨간색과 녹색 버튼(가장 인기 있는 버튼)에 초점을 맞추지만 일부는 다른 색상을 비교했습니다. 그러한 연구 중 하나는 파란색과 주황색 버튼을 비교한 결과 파란색이 주황색보다 9% 더 우수하다는 것을 발견했습니다.

여기서 쉽게 알 수 있는 것은 빨간색이 가장 좋다는 것입니다. 하지만 이는 지나치게 단순화한 것입니다.

사실 클릭 유도문안 버튼에 가장 적합한 색상은 없습니다. 경우에 따라 다르며 모든 경우에 적용되는 접근 방식은 없습니다.

가장 중요한 요소는 버튼이 웹페이지의 다른 색상과 구별되는 것입니다. 웹사이트의 기본 색상이 녹색인 경우 녹색 버튼은 사용자의 관심을 빨간색만큼 끌지 못할 것입니다. 그러나 웹 사이트의 기본 색상이 빨간색이면 녹색 버튼이 잘 작동할 수 있습니다.

출처: 허브스팟, CXL

웹사이트 색상이 왜 중요한가요?

다음으로 웹 디자인에서 색상의 중요성에 대해 자세히 알려주는 웹사이트 통계를 살펴보겠습니다.

웹사이트 색상이 중요합니까?

설문조사에 참여한 소비자의 39%는 색상이 회사 웹사이트에서 가장 중요하게 생각하는 시각적 요소라고 말했습니다. 이는 소비자가 사진/이미지(40%)에 이어 두 번째로 높이 평가하는 시각적 요소입니다.

쇼핑객의 42%는 웹사이트에 대한 의견을 디자인(색상 포함)만을 기준으로 합니다.

웹사이트를 다시 방문하지 않는 쇼핑객 중 52%는 미적 요소(색상 포함)에 달려 있습니다.

색상의 중요성에 대한 기타 통계

색상은 웹사이트에서 중요할 뿐만 아니라 제품 디자인에서 브랜드 로고 등에 이르기까지 모든 브랜딩 자료에서 중요합니다. 이유는 다음과 같습니다.

• 제품에 대한 소비자의 초기 평가의 약 62-90%는 색상만으로 이루어집니다.
• 색상은 브랜드 인지도를 최대 80%까지 높일 수 있습니다.
• 90%의 사람들은 색상이 새로운 고객을 유치하는 데 도움이 될 수 있다고 믿습니다.
• 83%는 색상이 자신을 더 성공적으로 보이게 한다고 믿습니다.
• 81%는 색상이 경쟁자보다 우위에 있다고 생각합니다.
• 90%는 소비자가 색상을 사용할 때 프레젠테이션을 더 잘 기억한다고 믿습니다.
• 독자는 흑백 광고보다 풀 컬러 광고를 26% 더 자주 봅니다. 이를 발견한 연구는 특히 잡지 광고를 대상으로 했지만 웹사이트 광고에서도 동일한 원칙이 적용될 수 있습니다.

출처: Colorcom ² , 최고의 디자인 회사 ¹ , ResearchGate, Neil Patel, Kissmetrics

색상 연관

연구에 따르면 인간은 특정 색상과 특정한 연관성을 갖고 있는 것으로 보입니다. 이들 중 일부는 선천적이고 생물학적으로 연결된 협회인 것처럼 보이지만 다른 일부는 문화적으로 주도됩니다.

웹사이트 방문자가 브랜드를 인식하는 방식에 영향을 미치므로 웹사이트를 디자인할 때 일반적인 색상 연관성을 인식하는 것이 중요합니다. 브랜드 개성을 표현하고 목표로 하는 감정적 반응을 불러일으키는 색상을 선택해야 합니다.

이를 염두에 두고 Joe Hallock의 연구에 따르면 각 색상이 가장 일반적으로 연관되어 있는 것을 보여주는 웹사이트 색상 통계가 있습니다.

신뢰하다

파란색은 가장 일반적으로 신뢰와 관련된 웹사이트 색상입니다. 설문 응답자의 34%는 신뢰를 생각하고 파란색을 생각한다고 말했습니다. 이것이 파란색이 웹사이트에서 인기 있는 색상인 이유의 큰 부분일 것입니다.

응답자의 21%는 흰색을 신뢰와 연관시켜 두 번째로 선택했습니다. 이것은 아마도 흰색이 병원이나 의사의 실험실 코트와 같은 환경에서 사용되기 때문일 수 있습니다.

주황색은 연구에서 확인된 가장 신뢰할 수 없는 색상이었습니다. 응답자의 1%만이 그것을 신뢰와 연관시켰습니다.

보안

파란색은 28%의 득표율로 보안과 가장 일반적으로 관련된 웹사이트 색상이기도 합니다. 보안과 신뢰가 의미적으로 밀접하게 연결되어 있다는 점을 고려할 때 이것은 상당히 놀라운 일이 아닙니다. 흑인은 또한 16%로 보안과 자주 연관되었습니다. 그리고 주황색은 2%의 득표율로 다시 한 번 최하위를 기록했습니다.

속도

빨간색은 76%의 속도와 가장 일반적으로 관련된 색상입니다. 이것은 Red의 근본적인 에너지 공급 효과와 강렬함, 분노 및 맹렬함과의 연관성 때문일 수 있습니다. 노란색은 7%로 먼 2위였습니다.

이렇게 하면 웹 사이트에서 긴박감을 조성하는 데 빨간색이 좋은 선택이 될 수 있습니다. 예를 들어, 시간에 민감한 제안을 강조 표시하는 데 사용할 수 있습니다.

싸다/저렴하다

참가자의 26%는 주황색을 저가/저렴한 단어와 연관시켰습니다. 노란색은 22%의 득표율로 2위, 갈색은 13%의 득표율로 3위를 차지했습니다.

파란색은 저렴함과 관련될 가능성이 가장 낮은 색상으로 응답자의 1%만이 선택했습니다.

이것에 대해 흥미로운 점은 저렴함과의 연관성이 색상 선호도와 밀접한 관련이 있는 것으로 보인다는 것입니다. 갈색, 노란색 및 주황색은 소비자가 가장 선호하지 않는 색상이자 가장 저렴하다는 단어와 연관될 가능성이 가장 높은 색상입니다.

고품질

설문조사에 응한 사람들의 43%는 흑인을 고품질과 연관시켰습니다. 웹사이트 색 구성표에 검정색을 사용하여 품질과 이 연관성을 활용할 수 있습니다.

파란색은 응답자의 20%가 선택하여 두 번째로 높은 품질과 관련이 있었습니다. 주황색은 득표율이 0%로 높은 품질과 관련될 가능성이 가장 낮았습니다.

첨단 기술

검정(26%)과 파랑(23%)도 첨단 기술과 가장 일반적으로 관련된 색상이었습니다. Gray는 응답자의 23%가 선택한 공동 2위였습니다.

두려움

참가자의 41%는 빨간색을 두려움이나 공포와 연관시켰습니다. 블랙은 38%로 2위였습니다. 공포 테마 웹 사이트에서 작업하는 경우 검정색과 빨간색이 확실한 선택입니다.

흥미롭게도 응답자 중 누구도 파란색을 두려움과 연관시키지 않았으며, 이는 색상이 얼마나 신뢰할 수 있고 차분한 색상으로 인식되는지 다시 보여줍니다.

재미있는

28%의 사람들이 주황색이 가장 재미있다고 생각하는 색이라고 말했습니다. 노란색은 26%로 2위를 차지했습니다. 보라색(17%)과 빨간색(16%)도 인기 있는 선택이었습니다.

이것은 웹사이트에서 가장 선호하지 않는 색상임에도 불구하고 주황색과 노란색이 웹사이트 디자인에서 차지하는 위치가 있음을 보여줍니다. 브랜드나 제품을 재미있는 것으로 포지셔닝하려는 경우 효과적인 선택이 될 수 있습니다.

용감

응답자의 29%는 보라색을 용기와 용기와 연관시킨다고 말했습니다. 빨간색은 28%로 2위, 파란색은 22%로 3위를 차지했습니다.

이것은 일반적으로 용기와 용기가 더 남성적인 가치로 생각되기 때문에 흥미롭지 만 앞에서 본 것처럼 이러한 특성과의 연관성에도 불구하고 보라색을 좋아하는 남성은 거의 없습니다.

Joe Hallock에 따른 웹사이트 색상 연관

다음은 Joe Hallock의 연구에 따른 상위 색상 연관성을 요약한 것입니다.

• 파란색 – 신뢰, 보안
• 빨간색 – 속도, 두려움
• 주황색 – 저렴하고 재미있는
• 블랙 – 고품질, 첨단 기술
• 보라색 - 용기

Colorcom에 따른 웹사이트 색상 연결

Colorcom의 글로벌 색상 설문조사에서는 응답자에게 색상 연관성에 대해서도 질문했습니다. 데이터에 따른 각 색상의 가장 일반적인 연관은 다음과 같습니다.

• 노란색 - 행복
• 흰색 - 순도
• 녹색 – 행운
• 빨강 - 맛있다
• 다크 블루 - 존엄성
• 은색 – 첨단 기술
• 레드 - 섹시함
• 블랙 – 애도
• 금 – 비싸다
• 브라운 – 저렴
• 빨간색 – 강력함
• 파란색 – 신뢰할 수 있는
• 골드 – 고품질
• 음소거된 노란색 - 메스꺼움
• 흰색 - 신
• 검은색 - 불운

출처: Colorcom ¹ , Joe Hallock ²

웹사이트 로고 색상 통계

로고는 웹사이트에 등장하는 또 다른 핵심 시각적 요소입니다. 다음은 특히 로고와 관련된 몇 가지 웹사이트 색상 통계입니다.

웹사이트 로고에서 색상의 중요성

Reboot Online의 테스트에서 고객의 78%는 잠시 표시되었던 로고의 기본 색상을 기억할 수 있었지만 43%만이 이름을 기억할 수 있었습니다.

결과: 웹사이트와 같은 브랜드 자산에 사용하는 색상은 브랜드 이름보다 더 기억에 남고 틀림없이 더 중요합니다.

가장 일반적인 웹사이트 로고 색상

블랙은 상위 브랜드들 사이에서 가장 인기 있는 브랜드 색상입니다. 글로벌 100대 브랜드 중 34%의 로고에 사용되고 있습니다.

로고에 각 색상을 사용하는 브랜드의 비율:

• 34%는 검은색을 사용합니다.
• 30% 사용 파란색
• 30% 사용 빨간색
• 9% 사용 노란색
• 7%는 녹색 사용
• 6% 사용 실버/그린
• 5% 사용 오렌지
• 2% 브라운 사용

출처: 온라인 재부팅

몇 가지 색상이 있습니까?

정확한 색상 수에 대해서는 누구도 동의할 수 없지만 우리가 드릴 수 있는 최선의 답변은 천만 개입니다.

이것은 인간의 눈이 볼 수 있는 최대 색상 수이지만 우리가 인식할 수 없는 무한히 많은 색상이 있습니다.

우리가 어떻게 1000만이라는 숫자에 도달했는지 궁금하다면 기초 수학입니다. 인간의 눈은 1,000가지 빛의 음영을 볼 수 있습니다. 그리고 그 빛의 음영 내에서 우리는 100가지 다른 적-녹색 음영 수준과 100가지 다른 황-청색 음영 수준을 감지할 수 있습니다.

이를 모두 곱하면(1,000 x 100 x 100) 1천만이 됩니다.

물론 그보다 조금 더 복잡합니다. 이것은 간단하고 지나치게 단순화된 설명일 뿐입니다.

마지막 생각들

이것으로 웹사이트 색상 통계 정리를 마칩니다.

이러한 사실과 수치에서 웹사이트 디자인 전략을 알려주는 유용한 통찰력을 얻을 수 있기를 바랍니다.

핵심은 색상이 분명히 중요하지만 웹사이트에서 색상을 사용하는 데 옳고 그른 방법이 없다는 것입니다. 올바른 색상 선택은 모두 브랜드 개성, 포지셔닝 및 대상 시장에 따라 다릅니다.

좋은 웹 디자인이 어떤 것인지 더 자세히 알고 싶다면 최근 웹사이트 디자인 통계 요약을 참조하세요.

또는 그래픽 디자인에 대해 더 일반적으로 알아보려면 놀라운 그래픽 디자인 통계를 확인하십시오.

행운을 빕니다!