#5d3691
RGB ( 赤 = 93, 緑 = 54, 青 = 145 )
HSL ( 色相 = 266°, 彩度 = 46%, 明度 = 39% )
H : 色相 ( 266° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #913f36 : -260
16 : #914e36 : -250
26 : #915d36 : -240
36 : #916d36 : -230
46 : #917c36 : -220
56 : #918b36 : -210
66 : #889136 : -200
76 : #799136 : -190
86 : #6a9136 : -180
96 : #5a9136 : -170
106 : #4b9136 : -160
116 : #3c9136 : -150
126 : #36913f : -140
136 : #36914e : -130
146 : #36915d : -120
156 : #36916d : -110
166 : #36917c : -100
176 : #36918b : -90
186 : #368891 : -80
196 : #367991 : -70
206 : #366a91 : -60
216 : #365a91 : -50
226 : #364b91 : -40
236 : #363c91 : -30
246 : #3f3691 : -20
256 : #4e3691 : -10
266 : #5d3691 : ±0
276 : #6d3691 : +10
286 : #7c3691 : +20
296 : #8b3691 : +30
306 : #913688 : +40
316 : #913679 : +50
326 : #91366a : +60
336 : #91365a : +70
346 : #91364b : +80
356 : #91363c : +90
256 : #4e3691 : -10
257 : #503691 : -9
258 : #513691 : -8
259 : #533691 : -7
260 : #543691 : -6
261 : #563691 : -5
262 : #573691 : -4
263 : #593691 : -3
264 : #5a3691 : -2
265 : #5c3691 : -1
266 : #5d3691 : ±0
267 : #5f3691 : +1
268 : #603691 : +2
269 : #623691 : +3
270 : #633691 : +4
271 : #653691 : +5
272 : #663691 : +6
273 : #683691 : +7
274 : #6a3691 : +8
275 : #6b3691 : +9
276 : #6d3691 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -46
2 : #636165 : -44
4 : #635f67 : -42
6 : #635d69 : -40
8 : #625b6b : -38
10 : #625a6d : -36
12 : #62586f : -34
14 : #625671 : -32
16 : #615473 : -30
18 : #615275 : -28
20 : #615077 : -26
22 : #614e79 : -24
24 : #604c7b : -22
26 : #604a7d : -20
28 : #60487f : -18
30 : #5f4681 : -16
32 : #5f4483 : -14
34 : #5f4285 : -12
36 : #5f4087 : -10
38 : #5e3e89 : -8
40 : #5e3c8b : -6
42 : #5e3a8d : -4
44 : #5e388f : -2
46 : #5d3691 : ±0
48 : #5d3493 : +2
50 : #5d3295 : +4
52 : #5d3097 : +6
54 : #5c2e99 : +8
56 : #5c2c9b : +10
58 : #5c2a9d : +12
60 : #5b289f : +14
62 : #5b26a1 : +16
64 : #5b24a3 : +18
66 : #5b22a5 : +20
68 : #5a20a7 : +22
70 : #5a1ea9 : +24
72 : #5a1cab : +26
74 : #5a1aad : +28
76 : #5918af : +30
78 : #5916b1 : +32
80 : #5914b3 : +34
82 : #5912b5 : +36
84 : #5810b7 : +38
86 : #580eb9 : +40
88 : #580cbb : +42
90 : #580abd : +44
92 : #5708bf : +46
94 : #5706c1 : +48
96 : #5704c3 : +50
98 : #5602c5 : +52
100 : #5600c7 : +54
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -38
3 : #07040b : -36
5 : #0c0713 : -34
7 : #110a1a : -32
9 : #160c22 : -30
11 : #1a0f29 : -28
13 : #1f1230 : -26
15 : #241538 : -24
17 : #29173f : -22
19 : #2d1a47 : -20
21 : #321d4e : -18
23 : #372056 : -16
25 : #3c225d : -14
27 : #412565 : -12
29 : #45286c : -10
31 : #4a2b73 : -8
33 : #4f2d7b : -6
35 : #543082 : -4
37 : #59338a : -2
39 : #5d3691 : ±0
41 : #623899 : +2
43 : #673ba0 : +4
45 : #6c3ea8 : +6
47 : #7041af : +8
49 : #7543b6 : +10
51 : #7a49bc : +12
53 : #8050be : +14
55 : #8557c1 : +16
57 : #8b5fc4 : +18
59 : #9066c7 : +20
61 : #956ec9 : +22
63 : #9b75cc : +24
65 : #a07dcf : +26
67 : #a684d2 : +28
69 : #ab8cd4 : +30
71 : #b193d7 : +32
73 : #b69ada : +34
75 : #bba2dd : +36
77 : #c1a9df : +38
79 : #c6b1e2 : +40
81 : #ccb8e5 : +42
83 : #d1c0e8 : +44
85 : #d6c7ea : +46
87 : #dccfed : +48
89 : #e1d6f0 : +50
91 : #e7ddf3 : +52
93 : #ece5f5 : +54
95 : #f1ecf8 : +56
97 : #f7f4fb : +58
99 : #fcfbfe : +60
CSS入門、作ってます。
text-shadow