#3b36a6
RGB ( 赤 = 59, 緑 = 54, 青 = 166 )
HSL ( 色相 = 243°, 彩度 = 51%, 明度 = 43% )
H : 色相 ( 243° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #a63b36 : -240
13 : #a64e36 : -230
23 : #a66136 : -220
33 : #a67336 : -210
43 : #a68636 : -200
53 : #a69936 : -190
63 : #a0a636 : -180
73 : #8da636 : -170
83 : #7ba636 : -160
93 : #68a636 : -150
103 : #55a636 : -140
113 : #43a636 : -130
123 : #36a63b : -120
133 : #36a64e : -110
143 : #36a661 : -100
153 : #36a673 : -90
163 : #36a686 : -80
173 : #36a699 : -70
183 : #36a0a6 : -60
193 : #368da6 : -50
203 : #367ba6 : -40
213 : #3668a6 : -30
223 : #3655a6 : -20
233 : #3643a6 : -10
243 : #3b36a6 : ±0
253 : #4e36a6 : +10
263 : #6136a6 : +20
273 : #7336a6 : +30
283 : #8636a6 : +40
293 : #9936a6 : +50
303 : #a636a0 : +60
313 : #a6368d : +70
323 : #a6367b : +80
333 : #a63668 : +90
343 : #a63655 : +100
353 : #a63643 : +110
233 : #3643a6 : -10
234 : #3641a6 : -9
235 : #363fa6 : -8
236 : #363da6 : -7
237 : #363ba6 : -6
238 : #3639a6 : -5
239 : #3638a6 : -4
240 : #3636a6 : -3
241 : #3836a6 : -2
242 : #3936a6 : -1
243 : #3b36a6 : ±0
244 : #3d36a6 : +1
245 : #3f36a6 : +2
246 : #4136a6 : +3
247 : #4336a6 : +4
248 : #4536a6 : +5
249 : #4736a6 : +6
250 : #4836a6 : +7
251 : #4a36a6 : +8
252 : #4c36a6 : +9
253 : #4e36a6 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6d6d6f : -50
3 : #6b6a71 : -48
5 : #696873 : -46
7 : #676675 : -44
9 : #656478 : -42
11 : #63627a : -40
13 : #615f7c : -38
15 : #5f5d7e : -36
17 : #5d5b80 : -34
19 : #5b5982 : -32
21 : #595785 : -30
23 : #575487 : -28
25 : #555289 : -26
27 : #53508b : -24
29 : #514e8d : -22
31 : #4f4c90 : -20
33 : #4d4992 : -18
35 : #4b4794 : -16
37 : #494596 : -14
39 : #474398 : -12
41 : #45419b : -10
43 : #433f9d : -8
45 : #413c9f : -6
47 : #3f3aa1 : -4
49 : #3d38a3 : -2
51 : #3b36a6 : ±0
53 : #3934a8 : +2
55 : #3731aa : +4
57 : #352fac : +6
59 : #332dae : +8
61 : #312bb1 : +10
63 : #2f29b3 : +12
65 : #2e26b5 : +14
67 : #2c24b7 : +16
69 : #2a22b9 : +18
71 : #2820bc : +20
73 : #261ebe : +22
75 : #241bc0 : +24
77 : #2219c2 : +26
79 : #2017c4 : +28
81 : #1e15c6 : +30
83 : #1c13c9 : +32
85 : #1a10cb : +34
87 : #180ecd : +36
89 : #160ccf : +38
91 : #140ad1 : +40
93 : #1208d4 : +42
95 : #1005d6 : +44
97 : #0e03d8 : +46
99 : #0c01da : +48
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -42
3 : #04040c : -40
5 : #070613 : -38
7 : #0a091b : -36
9 : #0c0b23 : -34
11 : #0f0e2a : -32
13 : #121032 : -30
15 : #15133a : -28
17 : #171541 : -26
19 : #1a1849 : -24
21 : #1d1a51 : -22
23 : #201d59 : -20
25 : #221f60 : -18
27 : #252268 : -16
29 : #282470 : -14
31 : #2b2777 : -12
33 : #2e297f : -10
35 : #302c87 : -8
37 : #332e8e : -6
39 : #363196 : -4
41 : #39339e : -2
43 : #3b36a6 : ±0
45 : #3e38ad : +2
47 : #413bb5 : +4
49 : #443dbd : +6
51 : #4942c2 : +8
53 : #504ac4 : +10
55 : #5852c7 : +12
57 : #5f59c9 : +14
59 : #6661cc : +16
61 : #6e69ce : +18
63 : #7571d1 : +20
65 : #7d78d3 : +22
67 : #8480d6 : +24
69 : #8c88d8 : +26
71 : #938fdb : +28
73 : #9b97dd : +30
75 : #a29fe0 : +32
77 : #a9a6e2 : +34
79 : #b1aee5 : +36
81 : #b8b6e7 : +38
83 : #c0beea : +40
85 : #c7c5ec : +42
87 : #cfcdef : +44
89 : #d6d5f1 : +46
91 : #dedcf4 : +48
93 : #e5e4f6 : +50
95 : #ececf9 : +52
97 : #f4f3fb : +54
99 : #fbfbfe : +56
CSS入門、作ってます。
text-shadow