#3d4551
RGB ( 赤 = 61, 緑 = 69, 青 = 81 )
HSL ( 色相 = 216°, 彩度 = 14%, 明度 = 28% )
H : 色相 ( 216° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #513f3d : -210
16 : #51433d : -200
26 : #51463d : -190
36 : #51493d : -180
46 : #514d3d : -170
56 : #51503d : -160
66 : #4f513d : -150
76 : #4c513d : -140
86 : #49513d : -130
96 : #45513d : -120
106 : #42513d : -110
116 : #3f513d : -100
126 : #3d513f : -90
136 : #3d5143 : -80
146 : #3d5146 : -70
156 : #3d5149 : -60
166 : #3d514d : -50
176 : #3d5150 : -40
186 : #3d4f51 : -30
196 : #3d4c51 : -20
206 : #3d4951 : -10
216 : #3d4551 : ±0
226 : #3d4251 : +10
236 : #3d3f51 : +20
246 : #3f3d51 : +30
256 : #433d51 : +40
266 : #463d51 : +50
276 : #493d51 : +60
286 : #4d3d51 : +70
296 : #503d51 : +80
306 : #513d4f : +90
316 : #513d4c : +100
326 : #513d49 : +110
336 : #513d45 : +120
346 : #513d42 : +130
356 : #513d3f : +140
206 : #3d4951 : -10
207 : #3d4851 : -9
208 : #3d4851 : -8
209 : #3d4851 : -7
210 : #3d4751 : -6
211 : #3d4751 : -5
212 : #3d4751 : -4
213 : #3d4651 : -3
214 : #3d4651 : -2
215 : #3d4651 : -1
216 : #3d4551 : ±0
217 : #3d4551 : +1
218 : #3d4551 : +2
219 : #3d4451 : +3
220 : #3d4451 : +4
221 : #3d4451 : +5
222 : #3d4351 : +6
223 : #3d4351 : +7
224 : #3d4351 : +8
225 : #3d4251 : +9
226 : #3d4251 : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -14
2 : #464749 : -12
4 : #45474a : -10
6 : #43474c : -8
8 : #42464d : -6
10 : #40464f : -4
12 : #3f4650 : -2
14 : #3d4551 : ±0
16 : #3c4553 : +2
18 : #3b4554 : +4
20 : #394556 : +6
22 : #384457 : +8
24 : #364459 : +10
26 : #35445a : +12
28 : #33435b : +14
30 : #32435d : +16
32 : #31435e : +18
34 : #2f4360 : +20
36 : #2e4261 : +22
38 : #2c4263 : +24
40 : #2b4264 : +26
42 : #294165 : +28
44 : #284167 : +30
46 : #274168 : +32
48 : #25416a : +34
50 : #24406b : +36
52 : #22406d : +38
54 : #21406e : +40
56 : #1f3f6f : +42
58 : #1e3f71 : +44
60 : #1d3f72 : +46
62 : #1b3f74 : +48
64 : #1a3e75 : +50
66 : #183e77 : +52
68 : #173e78 : +54
70 : #153d79 : +56
72 : #143d7b : +58
74 : #133d7c : +60
76 : #113d7e : +62
78 : #103c7f : +64
80 : #0e3c81 : +66
82 : #0d3c82 : +68
84 : #0b3b83 : +70
86 : #0a3b85 : +72
88 : #093b86 : +74
90 : #073b88 : +76
92 : #063a89 : +78
94 : #043a8b : +80
96 : #033a8c : +82
98 : #01398d : +84
100 : #00398f : +86
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #040506 : -26
4 : #090a0c : -24
6 : #0d0f11 : -22
8 : #121417 : -20
10 : #16191d : -18
12 : #1a1e23 : -16
14 : #1f2329 : -14
16 : #23282f : -12
18 : #272d34 : -10
20 : #2c323a : -8
22 : #303740 : -6
24 : #353b46 : -4
26 : #39404c : -2
28 : #3d4551 : ±0
30 : #424a57 : +2
32 : #464f5d : +4
34 : #4b5463 : +6
36 : #4f5969 : +8
38 : #535e6e : +10
40 : #586374 : +12
42 : #5c687a : +14
44 : #606d80 : +16
46 : #657286 : +18
48 : #69778c : +20
50 : #6e7c91 : +22
52 : #738196 : +24
54 : #79869a : +26
56 : #7f8c9f : +28
58 : #8591a3 : +30
60 : #8b96a7 : +32
62 : #919bac : +34
64 : #96a1b0 : +36
66 : #9ca6b4 : +38
68 : #a2abb9 : +40
70 : #a8b0bd : +42
72 : #aeb6c2 : +44
74 : #b3bbc6 : +46
76 : #b9c0ca : +48
78 : #bfc5cf : +50
80 : #c5cbd3 : +52
82 : #cbd0d8 : +54
84 : #d0d5dc : +56
86 : #d6dae0 : +58
88 : #dce0e5 : +60
90 : #e2e5e9 : +62
92 : #e8eaed : +64
94 : #eeeff2 : +66
96 : #f3f5f6 : +68
98 : #f9fafb : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow