White Solid
색상 244, 245, 250 형식의 16진수(244, 245, 250): 96%, 96%, 98% 빨간색, 96%, 96%, 98% 녹색, 96%, 96%, 98% 파란색. 2%, 2%, 0%, 2% 형식의 16진수(2%, 2%, 0%, 2%): 2%, 2%, 0%, 2%. HSL 색상 모델(230, 37%, 97%): 230, 37%, 97% 각도, 230, 37%, 97% 채도, 230, 37%, 97% 밝기. 다른 형식과 일치 항목은 아래에 나와 있습니다.
#f4f5fa
#f5f6fb
#f6f7fb
#f7f8fc
#f8f9fc
#fafafd
#fbfbfd
#fcfcfe
#fdfdfe
#fefeff
#ffffff
색상 형식
HEX
#f4f5fa
RYB
1, 0, 0
RGB
244, 245, 250
Decimal
16053754
RGB %
96%, 96%, 98%
Websafe
#ffffff
CMYK
2%, 2%, 0%, 2%
Lab
96.59, 0.57, -2.52
HSL
230, 37%, 97%
XYZ
87.22, 91.44, 103.5
HSV
230, 2%, 98%
YIQ
245.27, -2.21, 1.35
Hunter-Lab
9.56, 0.39, 0.8
YUV
245.27, 2.33, -1.12
Android
0xFFf4f5fa
Yxy
91.44, 0.31, 0.32
추가 색상
#f4f5fa
#f4f4fa
#f5f4fa
#f6f4fa
#f5f4fa
#f6f4fa
#f7f4fa
#f8f4fa
#f6f4fa
#f7f4fa
#f8f4fa
#f9f4fa
#f8f4fa
#f9f4fa
#faf4fa
#faf4fa
#f9f4fa
#faf4fa
#faf4f9
#faf4f8
#faf4fa
#faf4f9
#faf4f8
#faf4f7
#faf4f8
#faf4f7
#faf4f6
#faf4f5
색 구성표
Complementary
#f4f5fa
#faf9f4
Triad
#f4f5fa
#faf4f5
#f5faf4
Tetrad
#f4f5fa
#faf4f8
#faf9f4
#f4faf6
그늘
#f4f5fa
#e4e5e9
#d3d4d9
#c3c4c8
#b3b4b7
#a3a3a7
#929396
#828385
#727275
#626264
#515253
#414143
#313132
#212121
#101011
어두운 톤
#c3c4c8
#b9babe
#b0b0b4
#a6a7aa
#9c9da0
#929396
#89898c
#7f7f82
#757678
#6b6c6e
#626264
#58585a
#4e4e50
#444546
#3b3b3c
밝은 톤
#f4f5fa
#feffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
단색
#b0b7db
#b7bdde
#bec4e1
#c4cae4
#cbd0e7
#d2d6eb
#d9dcee
#e0e2f1
#e6e9f4
#edeff7
#f4f5fa
#fbfbfd
#102101100
#108108103
#10f10e106
유사한
#f4faf6
#f4faf9
#f4f8fa
#f4f5fa
#f6f4fa
#f9f4fa
#faf4f8
HTML(CSS) 스타일
이 블록의 배경은 색칠되어 있습니다. #faf4f8
<div style="background: #faf4f8">Background</div>
div {background: #faf4f8;}
이 블록의 텍스트와 테두리는 색상이 지정되어 있습니다.
#f4f5fa
<div style="color: #f4f5fa">Text</div>
div {color: #faf4f8;}
<div style="border: 1px solid #f4f5fa">Border</div>
div {border: 1px solid #f4f5fa;}