#87a37b
RGB ( 赤 = 135, 緑 = 163, 青 = 123 )
HSL ( 色相 = 102°, 彩度 = 18%, 明度 = 56% )
H : 色相 ( 102° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #a37c7b : -100
12 : #a3837b : -90
22 : #a3897b : -80
32 : #a3907b : -70
42 : #a3977b : -60
52 : #a39e7b : -50
62 : #a2a37b : -40
72 : #9ba37b : -30
82 : #94a37b : -20
92 : #8da37b : -10
102 : #87a37b : ±0
112 : #80a37b : +10
122 : #7ba37c : +20
132 : #7ba383 : +30
142 : #7ba389 : +40
152 : #7ba390 : +50
162 : #7ba397 : +60
172 : #7ba39e : +70
182 : #7ba2a3 : +80
192 : #7b9ba3 : +90
202 : #7b94a3 : +100
212 : #7b8da3 : +110
222 : #7b87a3 : +120
232 : #7b80a3 : +130
242 : #7c7ba3 : +140
252 : #837ba3 : +150
262 : #897ba3 : +160
272 : #907ba3 : +170
282 : #977ba3 : +180
292 : #9e7ba3 : +190
302 : #a37ba2 : +200
312 : #a37b9b : +210
322 : #a37b94 : +220
332 : #a37b8d : +230
342 : #a37b87 : +240
352 : #a37b80 : +250
92 : #8da37b : -10
93 : #8da37b : -9
94 : #8ca37b : -8
95 : #8ba37b : -7
96 : #8ba37b : -6
97 : #8aa37b : -5
98 : #89a37b : -4
99 : #89a37b : -3
100 : #88a37b : -2
101 : #87a37b : -1
102 : #87a37b : ±0
103 : #86a37b : +1
104 : #85a37b : +2
105 : #85a37b : +3
106 : #84a37b : +4
107 : #83a37b : +5
108 : #83a37b : +6
109 : #82a37b : +7
110 : #81a37b : +8
111 : #81a37b : +9
112 : #80a37b : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -18
2 : #8e918d : -16
4 : #8d938a : -14
6 : #8c9688 : -12
8 : #8b9886 : -10
10 : #8a9a84 : -8
12 : #899c81 : -6
14 : #899f7f : -4
16 : #88a17d : -2
18 : #87a37b : ±0
20 : #86a578 : +2
22 : #85a776 : +4
24 : #84aa74 : +6
26 : #83ac72 : +8
28 : #82ae6f : +10
30 : #81b06d : +12
32 : #80b36b : +14
34 : #80b569 : +16
36 : #7fb766 : +18
38 : #7eb964 : +20
40 : #7dbc62 : +22
42 : #7cbe60 : +24
44 : #7bc05d : +26
46 : #7ac25b : +28
48 : #79c559 : +30
50 : #78c757 : +32
52 : #77c954 : +34
54 : #77cb52 : +36
56 : #76ce50 : +38
58 : #75d04e : +40
60 : #74d24b : +42
62 : #73d449 : +44
64 : #72d747 : +46
66 : #71d945 : +48
68 : #70db43 : +50
70 : #6fdd40 : +52
72 : #6ee03e : +54
74 : #6ee23c : +56
76 : #6de43a : +58
78 : #6ce637 : +60
80 : #6be935 : +62
82 : #6aeb33 : +64
84 : #69ed31 : +66
86 : #68ef2e : +68
88 : #67f22c : +70
90 : #66f42a : +72
92 : #66f628 : +74
94 : #65f825 : +76
96 : #64fb23 : +78
98 : #63fd21 : +80
100 : #62ff1f : +82
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #050604 : -54
4 : #090c08 : -52
6 : #0e120d : -50
8 : #131811 : -48
10 : #181e15 : -46
12 : #1c2419 : -44
14 : #212a1d : -42
16 : #263021 : -40
18 : #2b3626 : -38
20 : #2f3c2a : -36
22 : #34422e : -34
24 : #394832 : -32
26 : #3e4e36 : -30
28 : #42543b : -28
30 : #475a3f : -26
32 : #4c6043 : -24
34 : #506647 : -22
36 : #556c4b : -20
38 : #5a724f : -18
40 : #5f7854 : -16
42 : #637e58 : -14
44 : #68845c : -12
46 : #6d8a60 : -10
48 : #729064 : -8
50 : #769669 : -6
52 : #7c9b6f : -4
54 : #819f75 : -2
56 : #87a37b : ±0
58 : #8ca781 : +2
60 : #92ab87 : +4
62 : #97b08d : +6
64 : #9db493 : +8
66 : #a2b899 : +10
68 : #a8bc9f : +12
70 : #adc0a5 : +14
72 : #b2c4ab : +16
74 : #b8c9b1 : +18
76 : #bdcdb7 : +20
78 : #c3d1bd : +22
80 : #c8d5c3 : +24
82 : #ced9c9 : +26
84 : #d3decf : +28
86 : #d9e2d5 : +30
88 : #dee6db : +32
90 : #e4eae1 : +34
92 : #e9eee7 : +36
94 : #eff2ed : +38
96 : #f4f7f3 : +40
98 : #fafbf9 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow