#3a2c54
RGB ( 赤 = 58, 緑 = 44, 青 = 84 )
HSL ( 色相 = 261°, 彩度 = 31%, 明度 = 25% )
H : 色相 ( 261° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #542d2c : -260
11 : #54332c : -250
21 : #543a2c : -240
31 : #54402c : -230
41 : #54472c : -220
51 : #544e2c : -210
61 : #53542c : -200
71 : #4c542c : -190
81 : #46542c : -180
91 : #3f542c : -170
101 : #39542c : -160
111 : #32542c : -150
121 : #2c542d : -140
131 : #2c5433 : -130
141 : #2c543a : -120
151 : #2c5440 : -110
161 : #2c5447 : -100
171 : #2c544e : -90
181 : #2c5354 : -80
191 : #2c4c54 : -70
201 : #2c4654 : -60
211 : #2c3f54 : -50
221 : #2c3954 : -40
231 : #2c3254 : -30
241 : #2d2c54 : -20
251 : #332c54 : -10
261 : #3a2c54 : ±0
271 : #402c54 : +10
281 : #472c54 : +20
291 : #4e2c54 : +30
301 : #542c53 : +40
311 : #542c4c : +50
321 : #542c46 : +60
331 : #542c3f : +70
341 : #542c39 : +80
351 : #542c32 : +90
251 : #332c54 : -10
252 : #342c54 : -9
253 : #352c54 : -8
254 : #352c54 : -7
255 : #362c54 : -6
256 : #372c54 : -5
257 : #372c54 : -4
258 : #382c54 : -3
259 : #392c54 : -2
260 : #392c54 : -1
261 : #3a2c54 : ±0
262 : #3a2c54 : +1
263 : #3b2c54 : +2
264 : #3c2c54 : +3
265 : #3c2c54 : +4
266 : #3d2c54 : +5
267 : #3e2c54 : +6
268 : #3e2c54 : +7
269 : #3f2c54 : +8
270 : #402c54 : +9
271 : #402c54 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -30
3 : #3f3e42 : -28
5 : #3f3d43 : -26
7 : #3e3b44 : -24
9 : #3e3a45 : -22
11 : #3e3947 : -20
13 : #3d3748 : -18
15 : #3d3649 : -16
17 : #3c354b : -14
19 : #3c344c : -12
21 : #3c324d : -10
23 : #3b314e : -8
25 : #3b3050 : -6
27 : #3b2f51 : -4
29 : #3a2d52 : -2
31 : #3a2c54 : ±0
33 : #392b55 : +2
35 : #392956 : +4
37 : #392857 : +6
39 : #382759 : +8
41 : #38265a : +10
43 : #38245b : +12
45 : #37235c : +14
47 : #37225e : +16
49 : #36215f : +18
51 : #361f60 : +20
53 : #361e62 : +22
55 : #351d63 : +24
57 : #351b64 : +26
59 : #341a65 : +28
61 : #341967 : +30
63 : #341868 : +32
65 : #331669 : +34
67 : #33156a : +36
69 : #33146c : +38
71 : #32126d : +40
73 : #32116e : +42
75 : #311070 : +44
77 : #310f71 : +46
79 : #310d72 : +48
81 : #300c73 : +50
83 : #300b75 : +52
85 : #2f0a76 : +54
87 : #2f0877 : +56
89 : #2f0778 : +58
91 : #2e067a : +60
93 : #2e047b : +62
95 : #2e037c : +64
97 : #2d027e : +66
99 : #2d017f : +68
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -24
3 : #07050a : -22
5 : #0c0911 : -20
7 : #100c17 : -18
9 : #15101e : -16
11 : #191325 : -14
13 : #1e172b : -12
15 : #231a32 : -10
17 : #271e39 : -8
19 : #2c213f : -6
21 : #312546 : -4
23 : #35284d : -2
25 : #3a2c54 : ±0
27 : #3e305a : +2
29 : #433361 : +4
31 : #483768 : +6
33 : #4c3a6e : +8
35 : #513e75 : +10
37 : #56417c : +12
39 : #5a4582 : +14
41 : #5f4889 : +16
43 : #634c90 : +18
45 : #684f96 : +20
47 : #6d539d : +22
49 : #7156a4 : +24
51 : #765ba9 : +26
53 : #7c62ac : +28
55 : #8269b0 : +30
57 : #876fb3 : +32
59 : #8d76b7 : +34
61 : #927dba : +36
63 : #9883be : +38
65 : #9d8ac1 : +40
67 : #a391c5 : +42
69 : #a997c8 : +44
71 : #ae9ecc : +46
73 : #b4a5cf : +48
75 : #b9abd3 : +50
77 : #bfb2d7 : +52
79 : #c4b9da : +54
81 : #cac0de : +56
83 : #d0c6e1 : +58
85 : #d5cde5 : +60
87 : #dbd4e8 : +62
89 : #e0daec : +64
91 : #e6e1ef : +66
93 : #ebe8f3 : +68
95 : #f1eef6 : +70
97 : #f7f5fa : +72
99 : #fcfcfd : +74
CSS入門、作ってます。
text-shadow