#513d4e
RGB ( 赤 = 81, 緑 = 61, 青 = 78 )
HSL ( 色相 = 309°, 彩度 = 14%, 明度 = 28% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #51403d : -300
19 : #51443d : -290
29 : #51473d : -280
39 : #514a3d : -270
49 : #514e3d : -260
59 : #51513d : -250
69 : #4e513d : -240
79 : #4b513d : -230
89 : #48513d : -220
99 : #44513d : -210
109 : #41513d : -200
119 : #3e513d : -190
129 : #3d5140 : -180
139 : #3d5144 : -170
149 : #3d5147 : -160
159 : #3d514a : -150
169 : #3d514e : -140
179 : #3d5151 : -130
189 : #3d4e51 : -120
199 : #3d4b51 : -110
209 : #3d4851 : -100
219 : #3d4451 : -90
229 : #3d4151 : -80
239 : #3d3e51 : -70
249 : #403d51 : -60
259 : #443d51 : -50
269 : #473d51 : -40
279 : #4a3d51 : -30
289 : #4e3d51 : -20
299 : #513d51 : -10
309 : #513d4e : ±0
319 : #513d4b : +10
329 : #513d48 : +20
339 : #513d44 : +30
349 : #513d41 : +40
359 : #513d3e : +50
299 : #513d51 : -10
300 : #513d51 : -9
301 : #513d51 : -8
302 : #513d51 : -7
303 : #513d50 : -6
304 : #513d50 : -5
305 : #513d50 : -4
306 : #513d4f : -3
307 : #513d4f : -2
308 : #513d4f : -1
309 : #513d4e : ±0
310 : #513d4e : +1
311 : #513d4e : +2
312 : #513d4d : +3
313 : #513d4d : +4
314 : #513d4d : +5
315 : #513d4c : +6
316 : #513d4c : +7
317 : #513d4c : +8
318 : #513d4b : +9
319 : #513d4b : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -14
2 : #494648 : -12
4 : #4a4549 : -10
6 : #4c434a : -8
8 : #4d424b : -6
10 : #4f404c : -4
12 : #503f4d : -2
14 : #513d4e : ±0
16 : #533c4f : +2
18 : #543b50 : +4
20 : #563951 : +6
22 : #573852 : +8
24 : #593653 : +10
26 : #5a3554 : +12
28 : #5b3355 : +14
30 : #5d3256 : +16
32 : #5e3157 : +18
34 : #602f58 : +20
36 : #612e59 : +22
38 : #632c5a : +24
40 : #642b5b : +26
42 : #65295c : +28
44 : #67285d : +30
46 : #68275e : +32
48 : #6a255f : +34
50 : #6b2460 : +36
52 : #6d2261 : +38
54 : #6e2162 : +40
56 : #6f1f63 : +42
58 : #711e64 : +44
60 : #721d65 : +46
62 : #741b66 : +48
64 : #751a67 : +50
66 : #771868 : +52
68 : #781769 : +54
70 : #79156a : +56
72 : #7b146b : +58
74 : #7c136c : +60
76 : #7e116d : +62
78 : #7f106e : +64
80 : #810e6f : +66
82 : #820d70 : +68
84 : #830b71 : +70
86 : #850a72 : +72
88 : #860973 : +74
90 : #880774 : +76
92 : #890675 : +78
94 : #8b0476 : +80
96 : #8c0377 : +82
98 : #8d0178 : +84
100 : #8f0079 : +86
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #060406 : -26
4 : #0c090b : -24
6 : #110d11 : -22
8 : #171216 : -20
10 : #1d161c : -18
12 : #231a22 : -16
14 : #291f27 : -14
16 : #2f232d : -12
18 : #342732 : -10
20 : #3a2c38 : -8
22 : #40303e : -6
24 : #463543 : -4
26 : #4c3949 : -2
28 : #513d4e : ±0
30 : #574254 : +2
32 : #5d465a : +4
34 : #634b5f : +6
36 : #694f65 : +8
38 : #6e536a : +10
40 : #745870 : +12
42 : #7a5c76 : +14
44 : #80607b : +16
46 : #866581 : +18
48 : #8c6986 : +20
50 : #916e8c : +22
52 : #967391 : +24
54 : #9a7995 : +26
56 : #9f7f9a : +28
58 : #a3859e : +30
60 : #a78ba3 : +32
62 : #ac91a8 : +34
64 : #b096ac : +36
66 : #b49cb1 : +38
68 : #b9a2b5 : +40
70 : #bda8ba : +42
72 : #c2aebf : +44
74 : #c6b3c3 : +46
76 : #cab9c8 : +48
78 : #cfbfcc : +50
80 : #d3c5d1 : +52
82 : #d8cbd6 : +54
84 : #dcd0da : +56
86 : #e0d6df : +58
88 : #e5dce3 : +60
90 : #e9e2e8 : +62
92 : #ede8ed : +64
94 : #f2eef1 : +66
96 : #f6f3f6 : +68
98 : #fbf9fa : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow