#7c4082
RGB ( 赤 = 124, 緑 = 64, 青 = 130 )
HSL ( 色相 = 295°, 彩度 = 34%, 明度 = 38% )
H : 色相 ( 295° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #824540 : -290
15 : #825040 : -280
25 : #825b40 : -270
35 : #826640 : -260
45 : #827140 : -250
55 : #827c40 : -240
65 : #7c8240 : -230
75 : #718240 : -220
85 : #668240 : -210
95 : #5b8240 : -200
105 : #508240 : -190
115 : #458240 : -180
125 : #408245 : -170
135 : #408250 : -160
145 : #40825b : -150
155 : #408266 : -140
165 : #408271 : -130
175 : #40827c : -120
185 : #407c82 : -110
195 : #407182 : -100
205 : #406682 : -90
215 : #405b82 : -80
225 : #405082 : -70
235 : #404582 : -60
245 : #454082 : -50
255 : #504082 : -40
265 : #5b4082 : -30
275 : #664082 : -20
285 : #714082 : -10
295 : #7c4082 : ±0
305 : #82407c : +10
315 : #824071 : +20
325 : #824066 : +30
335 : #82405b : +40
345 : #824050 : +50
355 : #824045 : +60
285 : #714082 : -10
286 : #724082 : -9
287 : #744082 : -8
288 : #754082 : -7
289 : #764082 : -6
290 : #774082 : -5
291 : #784082 : -4
292 : #794082 : -3
293 : #7a4082 : -2
294 : #7b4082 : -1
295 : #7c4082 : ±0
296 : #7d4082 : +1
297 : #7f4082 : +2
298 : #804082 : +3
299 : #814082 : +4
300 : #824082 : +5
301 : #824081 : +6
302 : #824080 : +7
303 : #82407f : +8
304 : #82407d : +9
305 : #82407c : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -34
2 : #635f63 : -32
4 : #645d65 : -30
6 : #665b67 : -28
8 : #675969 : -26
10 : #69576b : -24
12 : #6b556d : -22
14 : #6c536e : -20
16 : #6e5170 : -18
18 : #6f4f72 : -16
20 : #714e74 : -14
22 : #734c76 : -12
24 : #744a78 : -10
26 : #76487a : -8
28 : #78467c : -6
30 : #79447e : -4
32 : #7b4280 : -2
34 : #7c4082 : ±0
36 : #7e3e84 : +2
38 : #803c86 : +4
40 : #813a88 : +6
42 : #83388a : +8
44 : #84368c : +10
46 : #86348d : +12
48 : #88328f : +14
50 : #893091 : +16
52 : #8b2f93 : +18
54 : #8d2d95 : +20
56 : #8e2b97 : +22
58 : #902999 : +24
60 : #91279b : +26
62 : #93259d : +28
64 : #95239f : +30
66 : #9621a1 : +32
68 : #981fa3 : +34
70 : #991da5 : +36
72 : #9b1ba7 : +38
74 : #9d19a9 : +40
76 : #9e17ab : +42
78 : #a015ac : +44
80 : #a213ae : +46
82 : #a311b0 : +48
84 : #a510b2 : +50
86 : #a60eb4 : +52
88 : #a80cb6 : +54
90 : #aa0ab8 : +56
92 : #ab08ba : +58
94 : #ad06bc : +60
96 : #ae04be : +62
98 : #b002c0 : +64
100 : #b200c2 : +66
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #070307 : -36
4 : #0d070e : -34
6 : #140a15 : -32
8 : #1a0d1b : -30
10 : #211122 : -28
12 : #271429 : -26
14 : #2e1830 : -24
16 : #341b37 : -22
18 : #3b1e3e : -20
20 : #412244 : -18
22 : #48254b : -16
24 : #4f2852 : -14
26 : #552c59 : -12
28 : #5c2f60 : -10
30 : #623267 : -8
32 : #69366d : -6
34 : #6f3974 : -4
36 : #763d7b : -2
38 : #7c4082 : ±0
40 : #834389 : +2
42 : #894790 : +4
44 : #904a96 : +6
46 : #974d9d : +8
48 : #9d51a4 : +10
50 : #a454ab : +12
52 : #a75bae : +14
54 : #ab62b2 : +16
56 : #af69b5 : +18
58 : #b26fb8 : +20
60 : #b676bc : +22
62 : #ba7dbf : +24
64 : #bd84c2 : +26
66 : #c18bc6 : +28
68 : #c592c9 : +30
70 : #c898cd : +32
72 : #cc9fd0 : +34
74 : #cfa6d3 : +36
76 : #d3add7 : +38
78 : #d7b4da : +40
80 : #dabbdd : +42
82 : #dec1e1 : +44
84 : #e2c8e4 : +46
86 : #e5cfe7 : +48
88 : #e9d6eb : +50
90 : #edddee : +52
92 : #f0e4f2 : +54
94 : #f4eaf5 : +56
96 : #f8f1f8 : +58
98 : #fbf8fc : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow