흰색

화면에서는 모든 빛을 합친 색이에요. 빨강, 초록, 파랑이 모두 최대예요. 깨끗함, 평화, 질서를 떠올리게 해요. 웹에서 가장 흔한 배경이자 미니멀 인테리어의 기본이에요.

다른 이름: 화이트, 하양

흰색 · #FFFFFF

흰색 기본 정보

흰색(#FFFFFF) 색상은 중성색 계열이에요. 밝기는 밝은 편, 채도는 거의 없는 수준이에요. 흰색 계열 색 그룹에 속해요. RGB 값은 빨강 255, 초록 255, 파랑 255(각 255단계)예요. 주요 용도: 웹, 인테리어, 패션, 브랜딩.

밝은 색부터 어두운 색 순서로 놓여 있어요. 색을 누르면 색상 코드가 복사돼요.

색상환을 바탕으로 한 배색이에요. 색상 조화 도구에서 더 많은 조합을 시험해 보세요.

보색

유사색

삼각 배색

분할 보색

사각 배색

색상 코드를 복사하거나 편집기에서 열어 자유롭게 바꿔 보세요.

단색 팔레트 · 흰색

유사색 팔레트 · 흰색

보색 팔레트 · 흰색

삼각 배색 팔레트 · 흰색

중성색 포함 팔레트 · 흰색

포인트 색 포함 팔레트 · 흰색

흰 글자대비율 1.0:1 · 권장하지 않음

검은 글자대비율 21.0:1 · AAA

WCAG 2.1 기준이에요. 다른 색 조합은 명도 대비 검사에서 확인하세요.

:root {
  --white: #FFFFFF;
  --white-rgb: 255, 255, 255;
}
.bg { background-color: var(--white); }
.text { color: var(--white); }

흰색의 색상 코드는 무엇인가요?

흰색의 HEX 코드는 #FFFFFF 값이에요. RGB로는 rgb(255, 255, 255), HSL로는 hsl(0, 0%, 100%), CMYK로는 0, 0, 0, 0 값이에요.

흰색의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #FFFFFF 색으로, 흰색에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

흰색 위에 흰 글자를 올려도 잘 읽히나요?

검은 글자가 더 좋아요. 흰색과의 대비율은 1.0:1뿐이지만 검은색과는 21.0:1이에요.

흰색에 어울리는 색은 무엇인가요?

잘 어울리는 색: 검은색, 네이비, 베이지, 금색, 세이지 그린. 새하얀 색과 아이보리처럼 서로 다른 흰색을 무심코 섞지 마세요. 한쪽이 지저분해 보여요. 아주 연한 노랑과 함께 써도 흰색의 존재감이 약해져요.