#524e83
RGB ( 赤 = 82, 緑 = 78, 青 = 131 )
HSL ( 色相 = 245°, 彩度 = 25%, 明度 = 41% )
H : 色相 ( 245° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #83534e : -240
15 : #835b4e : -230
25 : #83644e : -220
35 : #836d4e : -210
45 : #83764e : -200
55 : #837e4e : -190
65 : #7e834e : -180
75 : #76834e : -170
85 : #6d834e : -160
95 : #64834e : -150
105 : #5b834e : -140
115 : #53834e : -130
125 : #4e8353 : -120
135 : #4e835b : -110
145 : #4e8364 : -100
155 : #4e836d : -90
165 : #4e8376 : -80
175 : #4e837e : -70
185 : #4e7e83 : -60
195 : #4e7683 : -50
205 : #4e6d83 : -40
215 : #4e6483 : -30
225 : #4e5b83 : -20
235 : #4e5383 : -10
245 : #534e83 : ±0
255 : #5b4e83 : +10
265 : #644e83 : +20
275 : #6d4e83 : +30
285 : #764e83 : +40
295 : #7e4e83 : +50
305 : #834e7e : +60
315 : #834e76 : +70
325 : #834e6d : +80
335 : #834e64 : +90
345 : #834e5b : +100
355 : #834e53 : +110
235 : #4e5383 : -10
236 : #4e5283 : -9
237 : #4e5183 : -8
238 : #4e5083 : -7
239 : #4e4f83 : -6
240 : #4e4e83 : -5
241 : #4f4e83 : -4
242 : #504e83 : -3
243 : #514e83 : -2
244 : #524e83 : -1
245 : #534e83 : ±0
246 : #544e83 : +1
247 : #554e83 : +2
248 : #554e83 : +3
249 : #564e83 : +4
250 : #574e83 : +5
251 : #584e83 : +6
252 : #594e83 : +7
253 : #5a4e83 : +8
254 : #5b4e83 : +9
255 : #5b4e83 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #68686a : -24
3 : #66656c : -22
5 : #64636e : -20
7 : #626170 : -18
9 : #615f72 : -16
11 : #5f5d74 : -14
13 : #5d5b76 : -12
15 : #5b5978 : -10
17 : #5a577a : -8
19 : #58557c : -6
21 : #56537f : -4
23 : #555181 : -2
25 : #534e83 : ±0
27 : #514c85 : +2
29 : #4f4a87 : +4
31 : #4e4889 : +6
33 : #4c468b : +8
35 : #4a448d : +10
37 : #48428f : +12
39 : #474091 : +14
41 : #453e93 : +16
43 : #433c96 : +18
45 : #413a98 : +20
47 : #40379a : +22
49 : #3e359c : +24
51 : #3c339e : +26
53 : #3a31a0 : +28
55 : #392fa2 : +30
57 : #372da4 : +32
59 : #352ba6 : +34
61 : #3329a8 : +36
63 : #3227aa : +38
65 : #3025ad : +40
67 : #2e23af : +42
69 : #2c20b1 : +44
71 : #2b1eb3 : +46
73 : #291cb5 : +48
75 : #271ab7 : +50
77 : #2518b9 : +52
79 : #2416bb : +54
81 : #2214bd : +56
83 : #2012bf : +58
85 : #1e10c1 : +60
87 : #1d0ec4 : +62
89 : #1b0cc6 : +64
91 : #1909c8 : +66
93 : #1807ca : +68
95 : #1605cc : +70
97 : #1403ce : +72
99 : #1201d0 : +74
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -40
3 : #06060a : -38
5 : #0a0a10 : -36
7 : #0e0d16 : -34
9 : #12111d : -32
11 : #161523 : -30
13 : #1a1929 : -28
15 : #1e1d30 : -26
17 : #222136 : -24
19 : #26243d : -22
21 : #2a2843 : -20
23 : #2e2c49 : -18
25 : #323050 : -16
27 : #373456 : -14
29 : #3b375c : -12
31 : #3f3b63 : -10
33 : #433f69 : -8
35 : #474370 : -6
37 : #4b4776 : -4
39 : #4f4b7c : -2
41 : #534e83 : ±0
43 : #575289 : +2
45 : #5b568f : +4
47 : #5f5a96 : +6
49 : #635e9c : +8
51 : #6863a1 : +10
53 : #6e69a5 : +12
55 : #7470a9 : +14
57 : #7b76ad : +16
59 : #817cb1 : +18
61 : #8783b4 : +20
63 : #8d89b8 : +22
65 : #938fbc : +24
67 : #9996c0 : +26
69 : #9f9cc4 : +28
71 : #a6a3c8 : +30
73 : #aca9cb : +32
75 : #b2afcf : +34
77 : #b8b6d3 : +36
79 : #bebcd7 : +38
81 : #c4c2db : +40
83 : #cbc9de : +42
85 : #d1cfe2 : +44
87 : #d7d6e6 : +46
89 : #dddcea : +48
91 : #e3e2ee : +50
93 : #e9e9f2 : +52
95 : #f0eff5 : +54
97 : #f6f5f9 : +56
99 : #fcfcfd : +58
CSS入門、作ってます。
text-shadow