#523d4b
RGB ( 赤 = 82, 緑 = 61, 青 = 75 )
HSL ( 色相 = 320°, 彩度 = 15%, 明度 = 28% )
H : 色相 ( 320° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #523d3d : -320
10 : #52403d : -310
20 : #52443d : -300
30 : #52473d : -290
40 : #524b3d : -280
50 : #524f3d : -270
60 : #52523d : -260
70 : #4f523d : -250
80 : #4b523d : -240
90 : #47523d : -230
100 : #44523d : -220
110 : #40523d : -210
120 : #3d523d : -200
130 : #3d5240 : -190
140 : #3d5244 : -180
150 : #3d5247 : -170
160 : #3d524b : -160
170 : #3d524f : -150
180 : #3d5252 : -140
190 : #3d4f52 : -130
200 : #3d4b52 : -120
210 : #3d4752 : -110
220 : #3d4452 : -100
230 : #3d4052 : -90
240 : #3d3d52 : -80
250 : #403d52 : -70
260 : #443d52 : -60
270 : #473d52 : -50
280 : #4b3d52 : -40
290 : #4f3d52 : -30
300 : #523d52 : -20
310 : #523d4f : -10
320 : #523d4b : ±0
330 : #523d47 : +10
340 : #523d44 : +20
350 : #523d40 : +30
310 : #523d4f : -10
311 : #523d4e : -9
312 : #523d4e : -8
313 : #523d4d : -7
314 : #523d4d : -6
315 : #523d4d : -5
316 : #523d4c : -4
317 : #523d4c : -3
318 : #523d4c : -2
319 : #523d4b : -1
320 : #523d4b : ±0
321 : #523d4b : +1
322 : #523d4a : +2
323 : #523d4a : +3
324 : #523d4a : +4
325 : #523d49 : +5
326 : #523d49 : +6
327 : #523d48 : +7
328 : #523d48 : +8
329 : #523d48 : +9
330 : #523d47 : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484748 : -14
3 : #4a4548 : -12
5 : #4b4449 : -10
7 : #4c4249 : -8
9 : #4e414a : -6
11 : #4f404a : -4
13 : #513e4a : -2
15 : #523d4b : ±0
17 : #543b4b : +2
19 : #553a4c : +4
21 : #56384c : +6
23 : #58374d : +8
25 : #59364d : +10
27 : #5b344e : +12
29 : #5c334e : +14
31 : #5e314f : +16
33 : #5f304f : +18
35 : #602e50 : +20
37 : #622d50 : +22
39 : #632c51 : +24
41 : #652a51 : +26
43 : #662952 : +28
45 : #682752 : +30
47 : #692653 : +32
49 : #6a2453 : +34
51 : #6c2354 : +36
53 : #6d2254 : +38
55 : #6f2054 : +40
57 : #701f55 : +42
59 : #721d55 : +44
61 : #731c56 : +46
63 : #741a56 : +48
65 : #761957 : +50
67 : #771857 : +52
69 : #791658 : +54
71 : #7a1558 : +56
73 : #7c1359 : +58
75 : #7d1259 : +60
77 : #7e105a : +62
79 : #800f5a : +64
81 : #810e5b : +66
83 : #830c5b : +68
85 : #840b5c : +70
87 : #86095c : +72
89 : #87085d : +74
91 : #88065d : +76
93 : #8a055e : +78
95 : #8b045e : +80
97 : #8d025e : +82
99 : #8e015f : +84
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #060405 : -26
4 : #0c090b : -24
6 : #120d10 : -22
8 : #171115 : -20
10 : #1d161b : -18
12 : #231a20 : -16
14 : #291e25 : -14
16 : #2f232b : -12
18 : #352730 : -10
20 : #3b2b36 : -8
22 : #41303b : -6
24 : #463440 : -4
26 : #4c3846 : -2
28 : #523d4b : ±0
30 : #584150 : +2
32 : #5e4556 : +4
34 : #644a5b : +6
36 : #6a4e60 : +8
38 : #6f5266 : +10
40 : #75576b : +12
42 : #7b5b70 : +14
44 : #815f76 : +16
46 : #87647b : +18
48 : #8d6881 : +20
50 : #936c86 : +22
52 : #97728b : +24
54 : #9b7890 : +26
56 : #a07e94 : +28
58 : #a48499 : +30
60 : #a88a9e : +32
62 : #ad90a3 : +34
64 : #b195a8 : +36
66 : #b59bad : +38
68 : #baa1b1 : +40
70 : #bea7b6 : +42
72 : #c2adbb : +44
74 : #c7b3c0 : +46
76 : #cbb9c5 : +48
78 : #cfbeca : +50
80 : #d4c4cf : +52
82 : #d8cad3 : +54
84 : #dcd0d8 : +56
86 : #e1d6dd : +58
88 : #e5dce2 : +60
90 : #e9e2e7 : +62
92 : #eee8ec : +64
94 : #f2edf0 : +66
96 : #f6f3f5 : +68
98 : #fbf9fa : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow