#711e71
RGB ( 赤 = 113, 緑 = 30, 青 = 113 )
HSL ( 色相 = 300°, 彩度 = 58%, 明度 = 28% )
H : 色相 ( 300° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #711e1e : -300
10 : #712c1e : -290
20 : #713a1e : -280
30 : #71471e : -270
40 : #71551e : -260
50 : #71631e : -250
60 : #71711e : -240
70 : #63711e : -230
80 : #55711e : -220
90 : #47711e : -210
100 : #3a711e : -200
110 : #2c711e : -190
120 : #1e711e : -180
130 : #1e712c : -170
140 : #1e713a : -160
150 : #1e7147 : -150
160 : #1e7155 : -140
170 : #1e7163 : -130
180 : #1e7171 : -120
190 : #1e6371 : -110
200 : #1e5571 : -100
210 : #1e4771 : -90
220 : #1e3a71 : -80
230 : #1e2c71 : -70
240 : #1e1e71 : -60
250 : #2c1e71 : -50
260 : #3a1e71 : -40
270 : #471e71 : -30
280 : #551e71 : -20
290 : #631e71 : -10
300 : #711e71 : ±0
310 : #711e63 : +10
320 : #711e55 : +20
330 : #711e47 : +30
340 : #711e3a : +40
350 : #711e2c : +50
290 : #631e71 : -10
291 : #641e71 : -9
292 : #661e71 : -8
293 : #671e71 : -7
294 : #691e71 : -6
295 : #6a1e71 : -5
296 : #6b1e71 : -4
297 : #6d1e71 : -3
298 : #6e1e71 : -2
299 : #6f1e71 : -1
300 : #711e71 : ±0
301 : #711e6f : +1
302 : #711e6e : +2
303 : #711e6d : +3
304 : #711e6b : +4
305 : #711e6a : +5
306 : #711e69 : +6
307 : #711e67 : +7
308 : #711e66 : +8
309 : #711e64 : +9
310 : #711e63 : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -58
2 : #494649 : -56
4 : #4a454a : -54
6 : #4c434c : -52
8 : #4d424d : -50
10 : #4f404f : -48
12 : #503f50 : -46
14 : #513d51 : -44
16 : #533c53 : -42
18 : #543b54 : -40
20 : #563956 : -38
22 : #573857 : -36
24 : #593659 : -34
26 : #5a355a : -32
28 : #5b335b : -30
30 : #5d325d : -28
32 : #5e315e : -26
34 : #602f60 : -24
36 : #612e61 : -22
38 : #632c63 : -20
40 : #642b64 : -18
42 : #652965 : -16
44 : #672867 : -14
46 : #682768 : -12
48 : #6a256a : -10
50 : #6b246b : -8
52 : #6d226d : -6
54 : #6e216e : -4
56 : #6f1f6f : -2
58 : #711e71 : ±0
60 : #721d72 : +2
62 : #741b74 : +4
64 : #751a75 : +6
66 : #771877 : +8
68 : #781778 : +10
70 : #791579 : +12
72 : #7b147b : +14
74 : #7c137c : +16
76 : #7e117e : +18
78 : #7f107f : +20
80 : #810e81 : +22
82 : #820d82 : +24
84 : #830b83 : +26
86 : #850a85 : +28
88 : #860986 : +30
90 : #880788 : +32
92 : #890689 : +34
94 : #8b048b : +36
96 : #8c038c : +38
98 : #8d018d : +40
100 : #8f008f : +42
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #080208 : -26
4 : #100410 : -24
6 : #180618 : -22
8 : #200920 : -20
10 : #280b28 : -18
12 : #300d30 : -16
14 : #380f38 : -14
16 : #401140 : -12
18 : #491349 : -10
20 : #511551 : -8
22 : #591859 : -6
24 : #611a61 : -4
26 : #691c69 : -2
28 : #711e71 : ±0
30 : #792079 : +2
32 : #812281 : +4
34 : #892489 : +6
36 : #912791 : +8
38 : #992999 : +10
40 : #a12ba1 : +12
42 : #a92da9 : +14
44 : #b12fb1 : +16
46 : #b931b9 : +18
48 : #c133c1 : +20
50 : #c936c9 : +22
52 : #cc3ecc : +24
54 : #ce46ce : +26
56 : #d04ed0 : +28
58 : #d256d2 : +30
60 : #d45ed4 : +32
62 : #d666d6 : +34
64 : #d86ed8 : +36
66 : #db76db : +38
68 : #dd7edd : +40
70 : #df86df : +42
72 : #e18ee1 : +44
74 : #e396e3 : +46
76 : #e59ee5 : +48
78 : #e7a6e7 : +50
80 : #eaaeea : +52
82 : #ecb6ec : +54
84 : #eebfee : +56
86 : #f0c7f0 : +58
88 : #f2cff2 : +60
90 : #f4d7f4 : +62
92 : #f6dff6 : +64
94 : #f9e7f9 : +66
96 : #fbeffb : +68
98 : #fdf7fd : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow