🐨CoalaCoding
DocsExamplesTry itBoardB반B반
🐨CoalaCoding

개발자를 위한 한국어 웹 기술 문서

문서

  • JavaScript
  • Web Publishing
  • React
  • Python

커뮤니티

  • 게시판
  • 예제 모음
  • Try it 에디터

기타

  • GitHub
  • 관리자
© 2026 CoalaCoding. All rights reserved.
  • topBtn
  • rollingBanner
  • menu
  • stickyMenu
  • accordion
  • swiper
  • activeMenu
  • slide
  • tab
  • scrollEffect
  • ajax
  • tabSlide
  • adaption
  • 좋은-디자인을-위한-요소
  • 논리적vs물리적해상도
  • 게슈탈트이론
  • 색채심리학
  • 황금비율
  • 컬러모드
  • 디자인실무용어
  • 이미지파일의특징
  • 폰트와사이즈
  • 레이아웃기초
  • 10가지법칙
  • 아이트래킹
  • 색상을성공적으로고르는방법
  • 타이포그래피10가지팁
  • 스타일가이드만들기
  • 모바일디자인버튼
  • 조형요소
  • 6가지비주얼체계규칙
  • 아이콘디자인이론
  • 해상도와그리드시스템
  • 피그마란
  • 작업환경세팅
  • 인터페이스예제
  • 기능심화
  • 인터페이스설계
  1. 홈
  2. 문서
  3. HTML & CSS
  4. UI 컴포넌트
  5. 색채심리학

색채심리학

색채가 인간의 감정과 감각에 미치는 영향을 알아봅니다

코드 블록의 Try it Yourself 버튼으로 직접 실행할 수 있다.

구문

색채심리학

1. 색채와 감정효과

인간은 색의 지각과 함께 다양한 감정들을 느낀다. 톤에 따라 각각 색이 갖는 감정효과를 따라 배색을 한다.

(1) 온도감

색에 영향을 받으며 장파장은 따뜻한, 단파장은 차가운 느낌

적용 : 상점가의 디스플레이, 계절, 환경

온도감

(2) 중량감

명도의 영향을 받으며 고명도는 가벼운, 저명도는 무거운 느낌을 줌

적용 : 작업현장의 공구, 승용차, 공장 등

중량감

(3) 강연감

톤의 영향을 받으며 저명도 고채도는 딱딱한, 고명도 저채도는 부드러운 느낌

적용 : 생활용품, 문구, 시각, 완구 등

강연감

(4) 강약감

채도의 영향을 받으며 고채도는 강한, 저채도는 약한 느낌

적용 : 스포츠 용품, 미용, 패션 등

강약감

(5) 흥분과 진정

고채도의 난색은 흥분감을 반대색의 저채도는 한색은 진정감

적용 : 상업공간, 사무, 대기실, 실내 등

흥분과 진정

(6) 주목성과 명시성

주목성은 인상이 강하며 시선을 이끄는 색의 성질로 고채도의 난색 사용

적용 : 광고, CI, 도로표지판, 팜플렛 등

주목성과 명시성

(7) 진출과 후퇴, 팽창과 수축

일반적으로 진출하는 색은 팽창되어 보이고 후퇴하는 색은 수축

  • 난색, 고명도 색은 배경색 보다 진출되어 보이고 실제보다 크게 보임
  • 한색, 저명도 색은 배경색 보다 후퇴되어 보이고 실제보다 작게 보임

적용 : 실내 인테리어, 패션디자인 등

진출과 후퇴, 팽창과 수축


2. 색채와 공감각

1. 미각

주로 색상에 의해 좌우되며 난색계열, 특히 주황색은 식욕을 돋우고 한색계열은 식욕을 저하시킨다.

미각과 색채

  • 단맛 : 빨강, 주황, 분홍
  • 쓴맛 : 어두운 주황, 어두운 노랑, 갈색
  • 신맛 : 노랑, 연두
  • 매운맛 : 빨강, 주황, 자주
  • 짠맛 : 밝은 회 파랑, 회색, 연녹색

2. 후각

색채를 볼 때 경험에 의해 그에 연관된 냄새가 연상된다.

후각과 색채

  • 커피향 : 어두운 주황, 갈색
  • 민트향 : 초록, 청녹
  • 나쁜 냄새 : 저명도, 저채도의 난색
  • 좋은 냄새 : 고명도의 난색
  • 후로랄향 : 분홍 계열

Tip: 쉽게 생각하면... 노란색을 보면 유자차 혹은 레몬의 맛이 느껴지는 색상이라 보면 된다.

3. 촉각

색채는 촉감과 심리적으로 연결되어 촉촉하거나 건조하게, 또는 부드럽거나 거칠게 느껴지기도 한다.

촉각과 색채

  • 촉촉한 : 고명도의 한색은 수분의 촉촉함이 느껴진다.
  • 부드러운 : 고명도의 난색은 부드럽게 느껴진다.
  • 거친 : 저명도 저채도의 한색과 저명도의 무채색은 거칠게 느껴진다.
  • 끈끈한 : 올리브 그린과 노랑은 기름과 같은 끈끈함이 느껴진다.

4. 청각

색채는 청각과 심리적으로 연결되어 높거나 낮게, 탁하거나 날카롭게 느껴진다.

청각과 색채

  • 높은 음 : 고명도 고채도의 색은 높은 음으로 느껴진다.
  • 낮은 음 : 저명도 저채도의 색은 낮은 음으로 느껴진다.
  • 거친 음 : 저명도 저채도의 한색과 어두운 무채색은 거칠게 느껴진다.
  • 날카로운 음 : 고채도의 색, 특히 노랑은 날카로운 음으로 느껴진다.
  • 부드러운 음 : 고명도의 난색계열은 부드러운 음으로 느껴진다.

관련자료

관련자료

목차

  • 구문