#52384e
RGB ( 赤 = 82, 緑 = 56, 青 = 78 )
HSL ( 色相 = 309°, 彩度 = 19%, 明度 = 27% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #523c38 : -300
19 : #524038 : -290
29 : #524438 : -280
39 : #524938 : -270
49 : #524d38 : -260
59 : #525138 : -250
69 : #4e5238 : -240
79 : #4a5238 : -230
89 : #455238 : -220
99 : #415238 : -210
109 : #3d5238 : -200
119 : #385238 : -190
129 : #38523c : -180
139 : #385240 : -170
149 : #385244 : -160
159 : #385249 : -150
169 : #38524d : -140
179 : #385251 : -130
189 : #384e52 : -120
199 : #384a52 : -110
209 : #384552 : -100
219 : #384152 : -90
229 : #383d52 : -80
239 : #383852 : -70
249 : #3c3852 : -60
259 : #403852 : -50
269 : #443852 : -40
279 : #493852 : -30
289 : #4d3852 : -20
299 : #513852 : -10
309 : #52384e : ±0
319 : #52384a : +10
329 : #523845 : +20
339 : #523841 : +30
349 : #52383d : +40
359 : #523838 : +50
299 : #513852 : -10
300 : #523852 : -9
301 : #523851 : -8
302 : #523851 : -7
303 : #523851 : -6
304 : #523850 : -5
305 : #523850 : -4
306 : #52384f : -3
307 : #52384f : -2
308 : #52384e : -1
309 : #52384e : ±0
310 : #52384e : +1
311 : #52384d : +2
312 : #52384d : +3
313 : #52384c : +4
314 : #52384c : +5
315 : #52384b : +6
316 : #52384b : +7
317 : #52384b : +8
318 : #52384a : +9
319 : #52384a : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464445 : -18
3 : #474346 : -16
5 : #484147 : -14
7 : #4a4048 : -12
9 : #4b3f49 : -10
11 : #4c3d4a : -8
13 : #4e3c4b : -6
15 : #4f3b4c : -4
17 : #51394d : -2
19 : #52384e : ±0
21 : #53364f : +2
23 : #553550 : +4
25 : #563451 : +6
27 : #573252 : +8
29 : #593153 : +10
31 : #5a3054 : +12
33 : #5c2e55 : +14
35 : #5d2d56 : +16
37 : #5e2b57 : +18
39 : #602a58 : +20
41 : #612959 : +22
43 : #62275a : +24
45 : #64265b : +26
47 : #65245c : +28
49 : #67235c : +30
51 : #68225d : +32
53 : #69205e : +34
55 : #6b1f5f : +36
57 : #6c1e60 : +38
59 : #6d1c61 : +40
61 : #6f1b62 : +42
63 : #701963 : +44
65 : #721864 : +46
67 : #731765 : +48
69 : #741566 : +50
71 : #761467 : +52
73 : #771368 : +54
75 : #781169 : +56
77 : #7a106a : +58
79 : #7b0e6b : +60
81 : #7d0d6c : +62
83 : #7e0c6d : +64
85 : #7f0a6e : +66
87 : #81096f : +68
89 : #820870 : +70
91 : #840671 : +72
93 : #850572 : +74
95 : #860373 : +76
97 : #880274 : +78
99 : #890175 : +80
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -26
3 : #090609 : -24
5 : #0f0a0e : -22
7 : #150e14 : -20
9 : #1b131a : -18
11 : #211720 : -16
13 : #271b26 : -14
15 : #2e1f2b : -12
17 : #342331 : -10
19 : #3a2737 : -8
21 : #402b3d : -6
23 : #463042 : -4
25 : #4c3448 : -2
27 : #52384e : ±0
29 : #583c54 : +2
31 : #5e405a : +4
33 : #64445f : +6
35 : #6a4865 : +8
37 : #704c6b : +10
39 : #765171 : +12
41 : #7c5576 : +14
43 : #82597c : +16
45 : #895d82 : +18
47 : #8f6188 : +20
49 : #95658e : +22
51 : #9a6a93 : +24
53 : #9e7097 : +26
55 : #a2769c : +28
57 : #a67da0 : +30
59 : #aa83a4 : +32
61 : #ae89a9 : +34
63 : #b38fad : +36
65 : #b795b2 : +38
67 : #bb9bb6 : +40
69 : #bfa1ba : +42
71 : #c3a7bf : +44
73 : #c7adc3 : +46
75 : #cbb3c8 : +48
77 : #cfb9cc : +50
79 : #d4bfd1 : +52
81 : #d8c5d5 : +54
83 : #dccbd9 : +56
85 : #e0d1de : +58
87 : #e4d8e2 : +60
89 : #e8dee7 : +62
91 : #ece4eb : +64
93 : #f1eaf0 : +66
95 : #f5f0f4 : +68
97 : #f9f6f8 : +70
99 : #fdfcfd : +72
CSS入門、作ってます。
text-shadow