#b0aa96
RGB
赤 | 176 |
---|---|
緑 | 170 |
青 | 150 |
HSL
色相 | 46° |
---|---|
彩度 | 14% |
明度 | 64% |
輝度 | 66% |
3桁の色
補色
反転色
RGB ( 赤 = 176, 緑 = 170, 青 = 150 )
HSL ( 色相 = 46°, 彩度 = 14%, 明度 = 64% )
H : 色相 ( 46° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #b09996 : -40
16 : #b09d96 : -30
26 : #b0a196 : -20
36 : #b0a696 : -10
46 : #b0aa96 : ±0
56 : #b0ae96 : +10
66 : #adb096 : +20
76 : #a9b096 : +30
86 : #a5b096 : +40
96 : #a1b096 : +50
106 : #9cb096 : +60
116 : #98b096 : +70
126 : #96b099 : +80
136 : #96b09d : +90
146 : #96b0a1 : +100
156 : #96b0a6 : +110
166 : #96b0aa : +120
176 : #96b0ae : +130
186 : #96adb0 : +140
196 : #96a9b0 : +150
206 : #96a5b0 : +160
216 : #96a1b0 : +170
226 : #969cb0 : +180
236 : #9698b0 : +190
246 : #9996b0 : +200
256 : #9d96b0 : +210
266 : #a196b0 : +220
276 : #a696b0 : +230
286 : #aa96b0 : +240
296 : #ae96b0 : +250
306 : #b096ad : +260
316 : #b096a9 : +270
326 : #b096a5 : +280
336 : #b096a1 : +290
346 : #b0969c : +300
356 : #b09698 : +310
36 : #b0a696 : -10
37 : #b0a696 : -9
38 : #b0a796 : -8
39 : #b0a796 : -7
40 : #b0a796 : -6
41 : #b0a896 : -5
42 : #b0a896 : -4
43 : #b0a996 : -3
44 : #b0a996 : -2
45 : #b0aa96 : -1
46 : #b0aa96 : ±0
47 : #b0aa96 : +1
48 : #b0ab96 : +2
49 : #b0ab96 : +3
50 : #b0ac96 : +4
51 : #b0ac96 : +5
52 : #b0ad96 : +6
53 : #b0ad96 : +7
54 : #b0ad96 : +8
55 : #b0ae96 : +9
56 : #b0ae96 : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -14
2 : #a5a4a1 : -12
4 : #a7a5a0 : -10
6 : #a9a69e : -8
8 : #aba79c : -6
10 : #aca89a : -4
12 : #aea998 : -2
14 : #b0aa96 : ±0
16 : #b2ab95 : +2
18 : #b4ac93 : +4
20 : #b6ad91 : +6
22 : #b7ae8f : +8
24 : #b9af8d : +10
26 : #bbb08b : +12
28 : #bdb189 : +14
30 : #bfb288 : +16
32 : #c1b386 : +18
34 : #c2b484 : +20
36 : #c4b582 : +22
38 : #c6b680 : +24
40 : #c8b77e : +26
42 : #cab87d : +28
44 : #ccb97b : +30
46 : #cdba79 : +32
48 : #cfbb77 : +34
50 : #d1bc75 : +36
52 : #d3bd73 : +38
54 : #d5be72 : +40
56 : #d7bf70 : +42
58 : #d8c06e : +44
60 : #dac16c : +46
62 : #dcc26a : +48
64 : #dec368 : +50
66 : #e0c467 : +52
68 : #e2c465 : +54
70 : #e3c563 : +56
72 : #e5c661 : +58
74 : #e7c75f : +60
76 : #e9c85d : +62
78 : #ebc95c : +64
80 : #edca5a : +66
82 : #eecb58 : +68
84 : #f0cc56 : +70
86 : #f2cd54 : +72
88 : #f4ce52 : +74
90 : #f6cf51 : +76
92 : #f8d04f : +78
94 : #f9d14d : +80
96 : #fbd24b : +82
98 : #fdd349 : +84
100 : #ffd447 : +86
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #060504 : -62
4 : #0c0b09 : -60
6 : #11100d : -58
8 : #171612 : -56
10 : #1d1b16 : -54
12 : #23211a : -52
14 : #29261f : -50
16 : #2f2c23 : -48
18 : #343127 : -46
20 : #3a372c : -44
22 : #403c30 : -42
24 : #464235 : -40
26 : #4c4739 : -38
28 : #514d3d : -36
30 : #575242 : -34
32 : #5d5846 : -32
34 : #635d4b : -30
36 : #69634f : -28
38 : #6e6853 : -26
40 : #746e58 : -24
42 : #7a735c : -22
44 : #807960 : -20
46 : #867e65 : -18
48 : #8c8469 : -16
50 : #91896e : -14
52 : #968e73 : -12
54 : #9a9279 : -10
56 : #9f977f : -8
58 : #a39c85 : -6
60 : #a7a18b : -4
62 : #aca591 : -2
64 : #b0aa96 : ±0
66 : #b4af9c : +2
68 : #b9b3a2 : +4
70 : #bdb8a8 : +6
72 : #c2bdae : +8
74 : #c6c2b3 : +10
76 : #cac6b9 : +12
78 : #cfcbbf : +14
80 : #d3d0c5 : +16
82 : #d8d5cb : +18
84 : #dcd9d0 : +20
86 : #e0ded6 : +22
88 : #e5e3dc : +24
90 : #e9e7e2 : +26
92 : #edece8 : +28
94 : #f2f1ee : +30
96 : #f6f6f3 : +32
98 : #fbfaf9 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow