#7f8c7d
RGB ( 赤 = 127, 緑 = 140, 青 = 125 )
HSL ( 色相 = 112°, 彩度 = 6%, 明度 = 52% )
H : 色相 ( 112° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #8c7e7d : -110
12 : #8c807d : -100
22 : #8c837d : -90
32 : #8c857d : -80
42 : #8c887d : -70
52 : #8c8a7d : -60
62 : #8b8c7d : -50
72 : #898c7d : -40
82 : #878c7d : -30
92 : #848c7d : -20
102 : #828c7d : -10
112 : #7f8c7d : ±0
122 : #7d8c7e : +10
132 : #7d8c80 : +20
142 : #7d8c83 : +30
152 : #7d8c85 : +40
162 : #7d8c88 : +50
172 : #7d8c8a : +60
182 : #7d8b8c : +70
192 : #7d898c : +80
202 : #7d878c : +90
212 : #7d848c : +100
222 : #7d828c : +110
232 : #7d7f8c : +120
242 : #7e7d8c : +130
252 : #807d8c : +140
262 : #837d8c : +150
272 : #857d8c : +160
282 : #887d8c : +170
292 : #8a7d8c : +180
302 : #8c7d8b : +190
312 : #8c7d89 : +200
322 : #8c7d87 : +210
332 : #8c7d84 : +220
342 : #8c7d82 : +230
352 : #8c7d7f : +240
102 : #828c7d : -10
103 : #818c7d : -9
104 : #818c7d : -8
105 : #818c7d : -7
106 : #818c7d : -6
107 : #808c7d : -5
108 : #808c7d : -4
109 : #808c7d : -3
110 : #808c7d : -2
111 : #7f8c7d : -1
112 : #7f8c7d : ±0
113 : #7f8c7d : +1
114 : #7f8c7d : +2
115 : #7e8c7d : +3
116 : #7e8c7d : +4
117 : #7e8c7d : +5
118 : #7e8c7d : +6
119 : #7e8c7d : +7
120 : #7d8c7d : +8
121 : #7d8c7e : +9
122 : #7d8c7e : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #848484 : -6
2 : #838782 : -4
4 : #818980 : -2
6 : #7f8c7d : ±0
8 : #7d8e7b : +2
10 : #7c9178 : +4
12 : #7a9376 : +6
14 : #789673 : +8
16 : #769871 : +10
18 : #749b6f : +12
20 : #739d6c : +14
22 : #71a06a : +16
24 : #6fa267 : +18
26 : #6da465 : +20
28 : #6ba762 : +22
30 : #6aa960 : +24
32 : #68ac5d : +26
34 : #66ae5b : +28
36 : #64b159 : +30
38 : #62b356 : +32
40 : #61b654 : +34
42 : #5fb851 : +36
44 : #5dba4f : +38
46 : #5bbd4c : +40
48 : #5abf4a : +42
50 : #58c247 : +44
52 : #56c445 : +46
54 : #54c743 : +48
56 : #52c940 : +50
58 : #51cc3e : +52
60 : #4fce3b : +54
62 : #4dd039 : +56
64 : #4bd336 : +58
66 : #49d534 : +60
68 : #48d831 : +62
70 : #46da2f : +64
72 : #44dd2c : +66
74 : #42df2a : +68
76 : #40e228 : +70
78 : #3fe425 : +72
80 : #3de723 : +74
82 : #3be920 : +76
84 : #39eb1e : +78
86 : #37ee1b : +80
88 : #36f019 : +82
90 : #34f316 : +84
92 : #32f514 : +86
94 : #30f812 : +88
96 : #2efa0f : +90
98 : #2dfd0d : +92
100 : #2bff0a : +94
L : 明度 ( 52% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -52
2 : #050505 : -50
4 : #0a0b0a : -48
6 : #0f100e : -46
8 : #141613 : -44
10 : #181b18 : -42
12 : #1d201d : -40
14 : #222622 : -38
16 : #272b26 : -36
18 : #2c312b : -34
20 : #313630 : -32
22 : #363b35 : -30
24 : #3b413a : -28
26 : #3f463e : -26
28 : #444c43 : -24
30 : #495148 : -22
32 : #4e564d : -20
34 : #535c51 : -18
36 : #586156 : -16
38 : #5d675b : -14
40 : #626c60 : -12
42 : #667265 : -10
44 : #6b7769 : -8
46 : #707c6e : -6
48 : #758273 : -4
50 : #7a8778 : -2
52 : #7f8c7d : ±0
54 : #859183 : +2
56 : #8a9688 : +4
58 : #8f9a8d : +6
60 : #959f93 : +8
62 : #9aa498 : +10
64 : #9fa99e : +12
66 : #a4aea3 : +14
68 : #aab2a9 : +16
70 : #afb7ae : +18
72 : #b4bcb3 : +20
74 : #bac1b9 : +22
76 : #bfc5be : +24
78 : #c4cac4 : +26
80 : #cacfc9 : +28
82 : #cfd4ce : +30
84 : #d4d9d4 : +32
86 : #daddd9 : +34
88 : #dfe2df : +36
90 : #e4e7e4 : +38
92 : #eaece9 : +40
94 : #eff1ef : +42
96 : #f4f5f4 : +44
98 : #fafafa : +46
100 : #ffffff : +48
CSS入門、作ってます。
text-shadow