색상 이름 #ffbb77

Nouveau-Riche

색상 255, 187, 119 형식의 16진수(255, 187, 119): 100%, 73%, 47% 빨간색, 100%, 73%, 47% 녹색, 100%, 73%, 47% 파란색. 0%, 27%, 53%, 0% 형식의 16진수(0%, 27%, 53%, 0%): 0%, 27%, 53%, 0%. HSL 색상 모델(30, 100%, 73%): 30, 100%, 73% 각도, 30, 100%, 73% 채도, 30, 100%, 73% 밝기. 다른 형식과 일치 항목은 아래에 나와 있습니다.

#ffbb77
#ffc285
#ffc992
#ffcfa0
#ffd6ad
#ffddbb
#ffe4c9
#ffebd6
#fff1e4
#fff8f1
#ffffff

색상 형식

HEX

#ffbb77

RYB

68, 68, -68

RGB

255, 187, 119

Decimal

16759671

RGB %

100%, 73%, 47%

Websafe

#ffcc66

CMYK

0%, 27%, 53%, 0%

Lab

80.81, 17.13, 43.82

HSL

30, 100%, 73%

XYZ

62.34, 58.13, 25.39

HSV

30, 53%, 100%

YIQ

199.58, 62.42, -6.87

Hunter-Lab

7.62, 2.01, 3.52

YUV

199.58, -39.65, 48.62

Android

0xFFffbb77

Yxy

58.13, 0.43, 0.4

추가 색상

#ffb977
#ffcf77
#ffe677
#fffd77
#ffdb77
#fff177
#f4ff77
#ddff77
#fffd77
#e8ff77
#d2ff77
#bbff77
#ddff77
#c6ff77
#b0ff77
#99ff77
#bbff77
#a4ff77
#8eff77
#77ff77
#99ff77
#82ff77
#77ff82
#77ff99
#77ff77
#77ff8e
#77ffa4
#77ffbb

색 구성표

Complementary

#ffbb77
#77bbff

Triad

#ffbb77
#77ffbb
#bb77ff

Tetrad

#ffbb77
#77ff77
#77bbff
#ff77ff

그늘

#ffbb77
#eeaf6f
#dda267
#cc965f
#bb8957
#aa7d4f
#997047
#88643f
#775738
#664b30
#553e28
#443220
#332518
#221910
#110c08

어두운 톤

#cc965f
#c28e5a
#b88756
#ad7f51
#a3784c
#997047
#8f6943
#85613e
#7a5a39
#705234
#664b30
#5c432b
#523c26
#473421
#3d2d1d

밝은 톤

#ffbb77
#ffc27c
#ffca81
#ffd185
#ffd98a
#ffe08f
#ffe894
#ffef98
#fff79d
#fffea2
#ffffa7
#ffffab
#ffffb0
#ffffb5
#ffffba

단색

#ff962c
#ff9934
#ff9d3b
#ffa143
#ffa54a
#ffa852
#ffac59
#ffb061
#ffb468
#ffb770
#ffbb77
#ffbf7e
#ffc286
#ffc68d
#ffca95

유사한

#ff77ff
#ff77bb
#ff7777
#ffb977
#fffd77
#bbff77
#77ff77

HTML(CSS) 스타일

이 블록의 배경은 색칠되어 있습니다. #77ff77
<div style="background: #77ff77">Background</div>
div {background: #77ff77;}
이 블록의 텍스트와 테두리는 색상이 지정되어 있습니다. #ffbb77
<div style="color: #ffbb77">Text</div>
div {color: #77ff77;}
<div style="border: 1px solid #ffbb77">Border</div>
div {border: 1px solid #ffbb77;}