#788e71
RGB ( 赤 = 120, 緑 = 142, 青 = 113 )
HSL ( 色相 = 106°, 彩度 = 11%, 明度 = 50% )
H : 色相 ( 106° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #8e7471 : -100
16 : #8e7971 : -90
26 : #8e7e71 : -80
36 : #8e8271 : -70
46 : #8e8771 : -60
56 : #8e8c71 : -50
66 : #8b8e71 : -40
76 : #868e71 : -30
86 : #818e71 : -20
96 : #7d8e71 : -10
106 : #788e71 : ±0
116 : #738e71 : +10
126 : #718e74 : +20
136 : #718e79 : +30
146 : #718e7e : +40
156 : #718e82 : +50
166 : #718e87 : +60
176 : #718e8c : +70
186 : #718b8e : +80
196 : #71868e : +90
206 : #71818e : +100
216 : #717d8e : +110
226 : #71788e : +120
236 : #71738e : +130
246 : #74718e : +140
256 : #79718e : +150
266 : #7e718e : +160
276 : #82718e : +170
286 : #87718e : +180
296 : #8c718e : +190
306 : #8e718b : +200
316 : #8e7186 : +210
326 : #8e7181 : +220
336 : #8e717d : +230
346 : #8e7178 : +240
356 : #8e7173 : +250
96 : #7d8e71 : -10
97 : #7c8e71 : -9
98 : #7c8e71 : -8
99 : #7b8e71 : -7
100 : #7b8e71 : -6
101 : #7a8e71 : -5
102 : #7a8e71 : -4
103 : #798e71 : -3
104 : #798e71 : -2
105 : #788e71 : -1
106 : #788e71 : ±0
107 : #788e71 : +1
108 : #778e71 : +2
109 : #778e71 : +3
110 : #768e71 : +4
111 : #768e71 : +5
112 : #758e71 : +6
113 : #758e71 : +7
114 : #748e71 : +8
115 : #748e71 : +9
116 : #738e71 : +10
S : 彩度 ( 11% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7f817e : -10
3 : #7d837c : -8
5 : #7c8679 : -6
7 : #7b8877 : -4
9 : #798b74 : -2
11 : #788e71 : ±0
13 : #77906f : +2
15 : #75936c : +4
17 : #74956a : +6
19 : #739867 : +8
21 : #719a65 : +10
23 : #709d62 : +12
25 : #6f9f60 : +14
27 : #6da25d : +16
29 : #6ca45b : +18
31 : #6aa758 : +20
33 : #69aa55 : +22
35 : #68ac53 : +24
37 : #66af50 : +26
39 : #65b14e : +28
41 : #64b44b : +30
43 : #62b649 : +32
45 : #61b946 : +34
47 : #60bb44 : +36
49 : #5ebe41 : +38
51 : #5dc13e : +40
53 : #5bc33c : +42
55 : #5ac639 : +44
57 : #59c837 : +46
59 : #57cb34 : +48
61 : #56cd32 : +50
63 : #55d02f : +52
65 : #53d22d : +54
67 : #52d52a : +56
69 : #51d728 : +58
71 : #4fda25 : +60
73 : #4edd22 : +62
75 : #4ddf20 : +64
77 : #4be21d : +66
79 : #4ae41b : +68
81 : #48e718 : +70
83 : #47e916 : +72
85 : #46ec13 : +74
87 : #44ee11 : +76
89 : #43f10e : +78
91 : #42f40b : +80
93 : #40f609 : +82
95 : #3ff906 : +84
97 : #3efb04 : +86
99 : #3cfe01 : +88
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #050605 : -48
4 : #0a0b09 : -46
6 : #0e110e : -44
8 : #131712 : -42
10 : #181c17 : -40
12 : #1d221b : -38
14 : #222820 : -36
16 : #262d24 : -34
18 : #2b3329 : -32
20 : #30392d : -30
22 : #353e32 : -28
24 : #3a4436 : -26
26 : #3e4a3b : -24
28 : #434f40 : -22
30 : #485544 : -20
32 : #4d5b49 : -18
34 : #52604d : -16
36 : #566652 : -14
38 : #5b6c56 : -12
40 : #60715b : -10
42 : #65775f : -8
44 : #6a7d64 : -6
46 : #6e8268 : -4
48 : #73886d : -2
50 : #788e71 : ±0
52 : #7d9277 : +2
54 : #83977d : +4
56 : #889b82 : +6
58 : #8ea088 : +8
60 : #93a48e : +10
62 : #98a993 : +12
64 : #9ead99 : +14
66 : #a3b29f : +16
68 : #a9b6a4 : +18
70 : #aebbaa : +20
72 : #b3bfb0 : +22
74 : #b9c4b5 : +24
76 : #bec9bb : +26
78 : #c4cdc1 : +28
80 : #c9d2c6 : +30
82 : #ced6cc : +32
84 : #d4dbd2 : +34
86 : #d9dfd7 : +36
88 : #dfe4dd : +38
90 : #e4e8e3 : +40
92 : #e9ede8 : +42
94 : #eff1ee : +44
96 : #f4f6f4 : +46
98 : #fafaf9 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow