색상 이름 #f4f5fa

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;}