#5f2065
RGB ( 赤 = 95, 緑 = 32, 青 = 101 )
HSL ( 色相 = 295°, 彩度 = 52%, 明度 = 26% )
H : 色相 ( 295° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #652620 : -290
15 : #653120 : -280
25 : #653d20 : -270
35 : #654820 : -260
45 : #655420 : -250
55 : #655f20 : -240
65 : #5f6520 : -230
75 : #546520 : -220
85 : #486520 : -210
95 : #3d6520 : -200
105 : #316520 : -190
115 : #266520 : -180
125 : #206526 : -170
135 : #206531 : -160
145 : #20653d : -150
155 : #206548 : -140
165 : #206554 : -130
175 : #20655f : -120
185 : #205f65 : -110
195 : #205465 : -100
205 : #204865 : -90
215 : #203d65 : -80
225 : #203165 : -70
235 : #202665 : -60
245 : #262065 : -50
255 : #312065 : -40
265 : #3d2065 : -30
275 : #482065 : -20
285 : #542065 : -10
295 : #5f2065 : ±0
305 : #65205f : +10
315 : #652054 : +20
325 : #652048 : +30
335 : #65203d : +40
345 : #652031 : +50
355 : #652026 : +60
285 : #542065 : -10
286 : #552065 : -9
287 : #562065 : -8
288 : #572065 : -7
289 : #582065 : -6
290 : #592065 : -5
291 : #5a2065 : -4
292 : #5c2065 : -3
293 : #5d2065 : -2
294 : #5e2065 : -1
295 : #5f2065 : ±0
296 : #602065 : +1
297 : #612065 : +2
298 : #622065 : +3
299 : #642065 : +4
300 : #652065 : +5
301 : #652064 : +6
302 : #652062 : +7
303 : #652061 : +8
304 : #652060 : +9
305 : #65205f : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -52
2 : #434144 : -50
4 : #454045 : -48
6 : #463e46 : -46
8 : #473d48 : -44
10 : #483c49 : -42
12 : #493a4a : -40
14 : #4a394c : -38
16 : #4b384d : -36
18 : #4c364e : -34
20 : #4d3550 : -32
22 : #4e3451 : -30
24 : #503252 : -28
26 : #513154 : -26
28 : #523055 : -24
30 : #532e56 : -22
32 : #542d58 : -20
34 : #552c59 : -18
36 : #562a5a : -16
38 : #57295b : -14
40 : #58285d : -12
42 : #5a265e : -10
44 : #5b255f : -8
46 : #5c2461 : -6
48 : #5d2262 : -4
50 : #5e2163 : -2
52 : #5f2065 : ±0
54 : #601e66 : +2
56 : #611d67 : +4
58 : #621c69 : +6
60 : #631b6a : +8
62 : #65196b : +10
64 : #66186d : +12
66 : #67176e : +14
68 : #68156f : +16
70 : #691471 : +18
72 : #6a1372 : +20
74 : #6b1173 : +22
76 : #6c1075 : +24
78 : #6d0f76 : +26
80 : #6f0d77 : +28
82 : #700c79 : +30
84 : #710b7a : +32
86 : #72097b : +34
88 : #73087d : +36
90 : #74077e : +38
92 : #75057f : +40
94 : #760481 : +42
96 : #770382 : +44
98 : #780183 : +46
100 : #7a0085 : +48
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #070208 : -24
4 : #0f0510 : -22
6 : #160717 : -20
8 : #1d0a1f : -18
10 : #250c27 : -16
12 : #2c0f2f : -14
14 : #331136 : -12
16 : #3a143e : -10
18 : #421646 : -8
20 : #49184e : -6
22 : #501b55 : -4
24 : #581d5d : -2
26 : #5f2065 : ±0
28 : #66226d : +2
30 : #6e2574 : +4
32 : #75277c : +6
34 : #7c2a84 : +8
36 : #842c8c : +10
38 : #8b2f93 : +12
40 : #92319b : +14
42 : #9a33a3 : +16
44 : #a136ab : +18
46 : #a838b2 : +20
48 : #af3bba : +22
50 : #b73dc2 : +24
52 : #ba45c4 : +26
54 : #bd4dc7 : +28
56 : #bf54c9 : +30
58 : #c25ccc : +32
60 : #c564ce : +34
62 : #c86cd0 : +36
64 : #cb73d3 : +38
66 : #ce7bd5 : +40
68 : #d183d8 : +42
70 : #d48bda : +44
72 : #d792dd : +46
74 : #d99adf : +48
76 : #dca2e2 : +50
78 : #dfaae4 : +52
80 : #e2b1e7 : +54
82 : #e5b9e9 : +56
84 : #e8c1eb : +58
86 : #ebc9ee : +60
88 : #eed0f0 : +62
90 : #f1d8f3 : +64
92 : #f3e0f5 : +66
94 : #f6e8f8 : +68
96 : #f9effa : +70
98 : #fcf7fd : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow