#822166
RGB ( 赤 = 130, 緑 = 33, 青 = 102 )
HSL ( 色相 = 317°, 彩度 = 60%, 明度 = 32% )
H : 色相 ( 317° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #832c21 : -310
17 : #833c21 : -300
27 : #834d21 : -290
37 : #835d21 : -280
47 : #836d21 : -270
57 : #837e21 : -260
67 : #778321 : -250
77 : #678321 : -240
87 : #568321 : -230
97 : #468321 : -220
107 : #368321 : -210
117 : #268321 : -200
127 : #21832c : -190
137 : #21833c : -180
147 : #21834d : -170
157 : #21835d : -160
167 : #21836d : -150
177 : #21837e : -140
187 : #217783 : -130
197 : #216783 : -120
207 : #215683 : -110
217 : #214683 : -100
227 : #213683 : -90
237 : #212683 : -80
247 : #2c2183 : -70
257 : #3c2183 : -60
267 : #4d2183 : -50
277 : #5d2183 : -40
287 : #6d2183 : -30
297 : #7e2183 : -20
307 : #832177 : -10
317 : #832167 : ±0
327 : #832156 : +10
337 : #832146 : +20
347 : #832136 : +30
357 : #832126 : +40
307 : #832177 : -10
308 : #832176 : -9
309 : #832174 : -8
310 : #832172 : -7
311 : #832171 : -6
312 : #83216f : -5
313 : #83216d : -4
314 : #83216c : -3
315 : #83216a : -2
316 : #832168 : -1
317 : #832167 : ±0
318 : #832165 : +1
319 : #832164 : +2
320 : #832162 : +3
321 : #832160 : +4
322 : #83215f : +5
323 : #83215d : +6
324 : #83215b : +7
325 : #83215a : +8
326 : #832158 : +9
327 : #832156 : +10
S : 彩度 ( 60% )
(0%) 渋い ～ 鮮やか (100%)
0 : #515151 : -60
2 : #535052 : -58
4 : #554e53 : -56
6 : #564d54 : -54
8 : #584b54 : -52
10 : #5a4955 : -50
12 : #5b4856 : -48
14 : #5d4657 : -46
16 : #5f4557 : -44
18 : #604358 : -42
20 : #624159 : -40
22 : #644059 : -38
24 : #653e5a : -36
26 : #673c5b : -34
28 : #683b5c : -32
30 : #6a395c : -30
32 : #6c375d : -28
34 : #6d365e : -26
36 : #6f345e : -24
38 : #71335f : -22
40 : #723160 : -20
42 : #742f60 : -18
44 : #762e61 : -16
46 : #772c62 : -14
48 : #792a63 : -12
50 : #7a2963 : -10
52 : #7c2764 : -8
54 : #7e2665 : -6
56 : #7f2465 : -4
58 : #812266 : -2
60 : #832167 : ±0
62 : #841f68 : +2
64 : #861d68 : +4
66 : #871c69 : +6
68 : #891a6a : +8
70 : #8b186a : +10
72 : #8c176b : +12
74 : #8e156c : +14
76 : #90146c : +16
78 : #91126d : +18
80 : #93106e : +20
82 : #950f6f : +22
84 : #960d6f : +24
86 : #980b70 : +26
88 : #990a71 : +28
90 : #9b0871 : +30
92 : #9d0772 : +32
94 : #9e0573 : +34
96 : #a00374 : +36
98 : #a20274 : +38
100 : #a30075 : +40
L : 明度 ( 32% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -32
2 : #080206 : -30
4 : #10040d : -28
6 : #180613 : -26
8 : #21081a : -24
10 : #290a20 : -22
12 : #310c27 : -20
14 : #390e2d : -18
16 : #411033 : -16
18 : #49123a : -14
20 : #521440 : -12
22 : #5a1647 : -10
24 : #62184d : -8
26 : #6a1b54 : -6
28 : #721d5a : -4
30 : #7a1f60 : -2
32 : #832167 : ±0
34 : #8b236d : +2
36 : #932574 : +4
38 : #9b277a : +6
40 : #a32981 : +8
42 : #ab2b87 : +10
44 : #b42d8d : +12
46 : #bc2f94 : +14
48 : #c4319a : +16
50 : #cc33a1 : +18
52 : #ce3ba4 : +20
54 : #d043a8 : +22
56 : #d24bac : +24
58 : #d454b0 : +26
60 : #d65cb4 : +28
62 : #d864b7 : +30
64 : #da6cbb : +32
66 : #dc74bf : +34
68 : #de7cc3 : +36
70 : #e085c6 : +38
72 : #e28dca : +40
74 : #e495ce : +42
76 : #e79dd2 : +44
78 : #e9a5d5 : +46
80 : #ebadd9 : +48
82 : #edb6dd : +50
84 : #efbee1 : +52
86 : #f1c6e5 : +54
88 : #f3cee8 : +56
90 : #f5d6ec : +58
92 : #f7def0 : +60
94 : #f9e7f4 : +62
96 : #fbeff7 : +64
98 : #fdf7fb : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow