#FFFFFF
#ffffff White
#ffffff (White)은(는) 흰색 계열의 색입니다(명도: 매우 높음, 채도: 거의 없음). RGB 모델에서는 빨강 100%, 초록 100%, 파랑 100%로 이루어지며, CMYK 인쇄 시 시안 0%, 마젠타 0%, 노랑 0%, 검정 0%를 사용합니다. HSL에서 색상각은 0°, 채도는 0%, 명도는 100%입니다. 중성색으로, 흔히 순수함, 단순함, 여유을(를) 떠올리게 합니다. 디자이너들은 주로 배경과 넓은 면, 미니멀 레이아웃에 사용합니다. 이 색 위에 검은색 글자를 쓰면 명도 대비는 21:1(WCAG AAA)입니다.
이 색상의 측정값을 바탕으로 생성한 설명입니다.
| HEX | |
|---|---|
| RGB | |
| RGB 백분율 | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| 웹 안전 | #ffffff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 2진수 | |
| 10진수 | |
| 상대 휘도 | 1 |
셰이드
#ffffff에 검정을 점차 섞은 색입니다.
틴트
#ffffff에 흰색을 점차 섞은 색입니다.
톤
#ffffff에 회색을 점차 섞은 색입니다.
읽기 쉬운 글자
1:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
읽기 쉬운 글자
21:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
이 색의 글자
이 색의 배경
이 색의 테두리
글자색
.text-ffffff {
color: #ffffff;
}
배경
.bg-ffffff {
background-color: #ffffff;
color: #000000;
}
테두리
.border-ffffff {
border: 2px solid #ffffff;
}
CSS 변수
:root {
--color-primary: #ffffff;
--color-primary-rgb: 255 255 255;
--color-primary-hsl: 0 0% 100%;
}
그라데이션
.gradient-ffffff {
background: linear-gradient(135deg, #ffffff, #ffffff);
}
색 그림자
.shadow-ffffff {
box-shadow: 0 8px 24px rgb(255 255 255 / 0.35);
}
White
#ffffff rgb(255, 255, 255) hsl(0, 0%, 100%) White
#ffffff rgb(255, 255, 255) hsl(0, 0%, 100%) White
#ffffff rgb(255, 255, 255) hsl(0, 0%, 100%) White
#ffffff rgb(255, 255, 255) hsl(0, 0%, 100%) White