#3d6c71
RGB ( 赤 = 61, 緑 = 108, 青 = 113 )
HSL ( 色相 = 186°, 彩度 = 30%, 明度 = 34% )
H : 色相 ( 186° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #71423d : -180
16 : #714b3d : -170
26 : #71533d : -160
36 : #715c3d : -150
46 : #71653d : -140
56 : #716d3d : -130
66 : #6c713d : -120
76 : #63713d : -110
86 : #5a713d : -100
96 : #51713d : -90
106 : #49713d : -80
116 : #40713d : -70
126 : #3d7142 : -60
136 : #3d714b : -50
146 : #3d7153 : -40
156 : #3d715c : -30
166 : #3d7165 : -20
176 : #3d716d : -10
186 : #3d6c71 : ±0
196 : #3d6371 : +10
206 : #3d5a71 : +20
216 : #3d5171 : +30
226 : #3d4971 : +40
236 : #3d4071 : +50
246 : #423d71 : +60
256 : #4b3d71 : +70
266 : #533d71 : +80
276 : #5c3d71 : +90
286 : #653d71 : +100
296 : #6d3d71 : +110
306 : #713d6c : +120
316 : #713d63 : +130
326 : #713d5a : +140
336 : #713d51 : +150
346 : #713d49 : +160
356 : #713d40 : +170
176 : #3d716d : -10
177 : #3d716e : -9
178 : #3d716f : -8
179 : #3d7170 : -7
180 : #3d7171 : -6
181 : #3d7071 : -5
182 : #3d6f71 : -4
183 : #3d6e71 : -3
184 : #3d6d71 : -2
185 : #3d6c71 : -1
186 : #3d6c71 : ±0
187 : #3d6b71 : +1
188 : #3d6a71 : +2
189 : #3d6971 : +3
190 : #3d6871 : +4
191 : #3d6771 : +5
192 : #3d6671 : +6
193 : #3d6571 : +7
194 : #3d6571 : +8
195 : #3d6471 : +9
196 : #3d6371 : +10
S : 彩度 ( 30% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -30
2 : #555858 : -28
4 : #53595a : -26
6 : #515b5c : -24
8 : #505c5e : -22
10 : #4e5e5f : -20
12 : #4c5f61 : -18
14 : #4b6063 : -16
16 : #496265 : -14
18 : #476366 : -12
20 : #456568 : -10
22 : #44666a : -8
24 : #42676c : -6
26 : #40696d : -4
28 : #3e6a6f : -2
30 : #3d6c71 : ±0
32 : #3b6d72 : +2
34 : #396e74 : +4
36 : #377076 : +6
38 : #367178 : +8
40 : #347279 : +10
42 : #32747b : +12
44 : #31757d : +14
46 : #2f777f : +16
48 : #2d7880 : +18
50 : #2b7982 : +20
52 : #2a7b84 : +22
54 : #287c86 : +24
56 : #267e87 : +26
58 : #247f89 : +28
60 : #23808b : +30
62 : #21828c : +32
64 : #1f838e : +34
66 : #1d8490 : +36
68 : #1c8692 : +38
70 : #1a8793 : +40
72 : #188995 : +42
74 : #178a97 : +44
76 : #158b99 : +46
78 : #138d9a : +48
80 : #118e9c : +50
82 : #10909e : +52
84 : #0e91a0 : +54
86 : #0c92a1 : +56
88 : #0a94a3 : +58
90 : #0995a5 : +60
92 : #0797a6 : +62
94 : #0598a8 : +64
96 : #0399aa : +66
98 : #029bac : +68
100 : #009cad : +70
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #040607 : -32
4 : #070d0d : -30
6 : #0b1314 : -28
8 : #0e191b : -26
10 : #122021 : -24
12 : #152628 : -22
14 : #192c2e : -20
16 : #1d3335 : -18
18 : #20393c : -16
20 : #243f42 : -14
22 : #274649 : -12
24 : #2b4c50 : -10
26 : #2e5256 : -8
28 : #32595d : -6
30 : #365f63 : -4
32 : #39656a : -2
34 : #3d6c71 : ±0
36 : #407277 : +2
38 : #44787e : +4
40 : #477e85 : +6
42 : #4b858b : +8
44 : #4f8b92 : +10
46 : #529198 : +12
48 : #56989f : +14
50 : #599ea6 : +16
52 : #60a2a9 : +18
54 : #67a6ad : +20
56 : #6daab0 : +22
58 : #74aeb4 : +24
60 : #7ab1b8 : +26
62 : #81b5bb : +28
64 : #88b9bf : +30
66 : #8ebdc2 : +32
68 : #95c1c6 : +34
70 : #9cc5c9 : +36
72 : #a2c9cd : +38
74 : #a9cdd1 : +40
76 : #afd0d4 : +42
78 : #b6d4d8 : +44
80 : #bdd8db : +46
82 : #c3dcdf : +48
84 : #cae0e2 : +50
86 : #d1e4e6 : +52
88 : #d7e8ea : +54
90 : #deeced : +56
92 : #e4eff1 : +58
94 : #ebf3f4 : +60
96 : #f2f7f8 : +62
98 : #f8fbfb : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow