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

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

그렇다면 웹사이트 색 구성표를 올바르게 설정해야 한다는 것은 말할 필요도 없습니다. 하지만 어떤 색을 사용해야 할까요? 어떻게 효과적으로 사용할 수 있습니까?

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

아래 통계는 색상이 얼마나 중요한지에 대해 더 많은 정보를 제공하고 다양한 소비자 세그먼트가 다양한 웹사이트 색상에 어떻게 반응하는지 등을 보여줍니다.

준비가 된? 시작하자!

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

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

일반적으로 소비자들도 따뜻한 색상보다 차가운 색상을 선호하는 것 같습니다.

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

소비자의 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의 동일한 설문 조사에 따르면 Orange는 모든 연령대와 성별에 걸쳐 대부분의 사람들이 가장 싫어하는 색상입니다.

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 버튼에 가장 적합한 색상은 무엇입니까?

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

이와 같이 CTA에 가장 적합한 색상이 무엇인지 파악하기 위한 많은 연구와 테스트가 있었습니다. 통계에 따르면 다음과 같습니다.

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

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

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

가장 중요한 요소는 버튼이 웹 페이지의 다른 색상보다 두드러지는 것 같습니다. 웹사이트의 기본 색상이 녹색인 경우 녹색 버튼은 빨간색만큼 사용자의 주의를 끌지 못할 것입니다. 그러나 웹사이트의 기본 색상이 빨간색이면 녹색 버튼이 잘 작동할 수 있습니다.

출처: Hubspot, CXL

웹 사이트 색상이 중요한 이유는 무엇입니까?

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

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

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

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

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

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

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

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

출처: Colorcom ² , Top Design Firms ¹ , 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의 Global Color Survey는 또한 응답자들에게 색상 연관성에 대해 질문했습니다. 데이터에 따른 각 색상의 가장 일반적인 연관성은 다음과 같습니다.

• 노란색 – 행복
• 흰색 – 순도
• 녹색 – 행운
• 빨간색 – 맛있다
• 진한 파란색 – 품위
• 은 – 첨단 기술
• 레드 - 섹시함
• 검은색 - 애도
• 금 – 비싸다
• 갈색 – 저렴
• 빨간색 – 강력한
• 파란색 - 신뢰할 수 있음
• 금 – 고품질
• 옅은 노란색 - 메스꺼움
• 흰색 – 신성
• 검은색 - 불운

출처: 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) 천만이 됩니다.

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

마지막 생각들

이것으로 웹 사이트 색상 통계 요약을 마칩니다.

바라건대, 이러한 사실과 수치로부터 웹 사이트 디자인 전략을 알리는 유용한 통찰력을 추출할 수 있기를 바랍니다.

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

좋은 웹 디자인이 어떤 것인지 더 자세히 알고 싶다면 웹 사이트 디자인 통계의 최근 정리를 참조하십시오.

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

행운을 빕니다!