White 색상

하양 — 깔끔함과 공간감의 색

#FFFFFFWhite

색상 값

HEX#FFFFFF

RGBrgb(255, 255, 255)

HSLhsl(0°, 0%, 100%)

CSSwhite

색조 팔레트

#FAFAFA

100

#F5F5F5

200

#ECECEC

300

#E0E0E0

400

#BDBDBD

500

#9E9E9E

보색

↔

#000000

Black

유사색

#F5F5F5

White Smoke

#ECECEC

Platinum

CSS 사용법

CSS

/* By name */
color: white;
background-color: white;

/* By HEX */
color: #FFFFFF;
background-color: #FFFFFF;

/* By RGB */
color: rgb(255, 255, 255);

/* By HSL */
color: hsl(0deg, 0%, 100%);

/* With opacity */
color: rgba(255, 255, 255, 0.8);
color: hsl(0deg 0% 100% / 80%);

순수한 흰색(#FFFFFF) 배경은 장시간 읽기에서 눈부심을 유발할 수 있습니다. 독서용 인터페이스에는 #FAFAFA나 #F8F8F8 같은 오프화이트를 사용하는 것이 눈의 피로를 줄여줍니다.

하양(#FFFFFF)은 모든 가시광선을 반사하는 색으로, 깔끔함, 순수함, 여백, 가독성을 상징합니다. 대부분의 웹 페이지와 앱에서 기본 배경 색상으로 사용되며, 검정 텍스트와 조합하면 최고의 가독성을 제공합니다. 화이트스페이스(여백)는 디자인에서 중요한 시각적 호흡 공간을 만들어냅니다. 의료, 클린, 미니멀 디자인 테마에서 핵심 색상입니다.

주요 사용 사례

▸페이지 배경 — 대부분의 라이트 테마 기본 배경
▸카드 컴포넌트 배경 — 정보 그룹을 시각적으로 분리
▸모달 다이얼로그 — 어두운 배경 위의 콘텐츠 영역
▸폼 입력 필드 배경 — 텍스트 입력 영역 표시
▸의료·헬스케어 UI — 청결함과 신뢰감 전달
▸아이콘 반전색 — 어두운 배경 위에 하얀 아이콘

White 색상

CSS 사용법

주요 사용 사례

관련 색상