#52495f
RGB ( 赤 = 82, 緑 = 73, 青 = 95 )
HSL ( 色相 = 265°, 彩度 = 13%, 明度 = 33% )
H : 色相 ( 265° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #5f4b49 : -260
15 : #5f4f49 : -250
25 : #5f5249 : -240
35 : #5f5649 : -230
45 : #5f5a49 : -220
55 : #5f5d49 : -210
65 : #5d5f49 : -200
75 : #5a5f49 : -190
85 : #565f49 : -180
95 : #525f49 : -170
105 : #4f5f49 : -160
115 : #4b5f49 : -150
125 : #495f4b : -140
135 : #495f4f : -130
145 : #495f52 : -120
155 : #495f56 : -110
165 : #495f5a : -100
175 : #495f5d : -90
185 : #495d5f : -80
195 : #495a5f : -70
205 : #49565f : -60
215 : #49525f : -50
225 : #494f5f : -40
235 : #494b5f : -30
245 : #4b495f : -20
255 : #4f495f : -10
265 : #52495f : ±0
275 : #56495f : +10
285 : #5a495f : +20
295 : #5d495f : +30
305 : #5f495d : +40
315 : #5f495a : +50
325 : #5f4956 : +60
335 : #5f4952 : +70
345 : #5f494f : +80
355 : #5f494b : +90
255 : #4f495f : -10
256 : #4f495f : -9
257 : #4f495f : -8
258 : #50495f : -7
259 : #50495f : -6
260 : #51495f : -5
261 : #51495f : -4
262 : #51495f : -3
263 : #52495f : -2
264 : #52495f : -1
265 : #52495f : ±0
266 : #53495f : +1
267 : #53495f : +2
268 : #53495f : +3
269 : #54495f : +4
270 : #54495f : +5
271 : #55495f : +6
272 : #55495f : +7
273 : #55495f : +8
274 : #56495f : +9
275 : #56495f : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #545355 : -12
3 : #545257 : -10
5 : #535058 : -8
7 : #534e5a : -6
9 : #534d5c : -4
11 : #534b5d : -2
13 : #52495f : ±0
15 : #524861 : +2
17 : #524662 : +4
19 : #514464 : +6
21 : #514266 : +8
23 : #514168 : +10
25 : #513f69 : +12
27 : #503d6b : +14
29 : #503c6d : +16
31 : #503a6e : +18
33 : #503870 : +20
35 : #4f3772 : +22
37 : #4f3573 : +24
39 : #4f3375 : +26
41 : #4e3277 : +28
43 : #4e3078 : +30
45 : #4e2e7a : +32
47 : #4e2d7c : +34
49 : #4d2b7d : +36
51 : #4d297f : +38
53 : #4d2881 : +40
55 : #4c2682 : +42
57 : #4c2484 : +44
59 : #4c2386 : +46
61 : #4c2187 : +48
63 : #4b1f89 : +50
65 : #4b1d8b : +52
67 : #4b1c8d : +54
69 : #4a1a8e : +56
71 : #4a1890 : +58
73 : #4a1792 : +60
75 : #4a1593 : +62
77 : #491395 : +64
79 : #491297 : +66
81 : #491098 : +68
83 : #490e9a : +70
85 : #480d9c : +72
87 : #480b9d : +74
89 : #48099f : +76
91 : #4708a1 : +78
93 : #4706a2 : +80
95 : #4704a4 : +82
97 : #4703a6 : +84
99 : #4601a7 : +86
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -32
3 : #070709 : -30
5 : #0c0b0e : -28
7 : #111014 : -26
9 : #16141a : -24
11 : #1b1820 : -22
13 : #201d25 : -20
15 : #25212b : -18
17 : #2a2631 : -16
19 : #2f2a37 : -14
21 : #342f3d : -12
23 : #393342 : -10
25 : #3e3748 : -8
27 : #433c4e : -6
29 : #484054 : -4
31 : #4d4559 : -2
33 : #52495f : ±0
35 : #574e65 : +2
37 : #5c526b : +4
39 : #615770 : +6
41 : #665b76 : +8
43 : #6b5f7c : +10
45 : #706482 : +12
47 : #756887 : +14
49 : #7a6d8d : +16
51 : #7f7292 : +18
53 : #857897 : +20
55 : #8a7d9b : +22
57 : #8f83a0 : +24
59 : #9489a4 : +26
61 : #998fa8 : +28
63 : #9f94ad : +30
65 : #a49ab1 : +32
67 : #a9a0b6 : +34
69 : #aea6ba : +36
71 : #b3abbf : +38
73 : #b9b1c3 : +40
75 : #beb7c8 : +42
77 : #c3bdcc : +44
79 : #c8c2d0 : +46
81 : #cec8d5 : +48
83 : #d3ced9 : +50
85 : #d8d4de : +52
87 : #dddae2 : +54
89 : #e2dfe7 : +56
91 : #e8e5eb : +58
93 : #edebef : +60
95 : #f2f1f4 : +62
97 : #f7f6f8 : +64
99 : #fcfcfd : +66
CSS入門、作ってます。
text-shadow