#a22583
RGB ( 赤 = 162, 緑 = 37, 青 = 131 )
HSL ( 色相 = 315°, 彩度 = 63%, 明度 = 39% )
H : 色相 ( 315° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #a22f25 : -310
15 : #a24425 : -300
25 : #a25925 : -290
35 : #a26e25 : -280
45 : #a28325 : -270
55 : #a29825 : -260
65 : #98a225 : -250
75 : #83a225 : -240
85 : #6ea225 : -230
95 : #59a225 : -220
105 : #44a225 : -210
115 : #2fa225 : -200
125 : #25a22f : -190
135 : #25a244 : -180
145 : #25a259 : -170
155 : #25a26e : -160
165 : #25a283 : -150
175 : #25a298 : -140
185 : #2598a2 : -130
195 : #2583a2 : -120
205 : #256ea2 : -110
215 : #2559a2 : -100
225 : #2544a2 : -90
235 : #252fa2 : -80
245 : #2f25a2 : -70
255 : #4425a2 : -60
265 : #5925a2 : -50
275 : #6e25a2 : -40
285 : #8325a2 : -30
295 : #9825a2 : -20
305 : #a22598 : -10
315 : #a22583 : ±0
325 : #a2256e : +10
335 : #a22559 : +20
345 : #a22544 : +30
355 : #a2252f : +40
305 : #a22598 : -10
306 : #a22596 : -9
307 : #a22593 : -8
308 : #a22591 : -7
309 : #a2258f : -6
310 : #a2258d : -5
311 : #a2258b : -4
312 : #a22589 : -3
313 : #a22587 : -2
314 : #a22585 : -1
315 : #a22583 : ±0
316 : #a22581 : +1
317 : #a2257f : +2
318 : #a2257d : +3
319 : #a2257a : +4
320 : #a22578 : +5
321 : #a22576 : +6
322 : #a22574 : +7
323 : #a22572 : +8
324 : #a22570 : +9
325 : #a2256e : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646264 : -62
3 : #666065 : -60
5 : #685e66 : -58
7 : #6a5c67 : -56
9 : #6c5a68 : -54
11 : #6e5969 : -52
13 : #70576a : -50
15 : #72556b : -48
17 : #74536c : -46
19 : #76516d : -44
21 : #784f6e : -42
23 : #7a4d6f : -40
25 : #7c4b70 : -38
27 : #7e4971 : -36
29 : #804772 : -34
31 : #824573 : -32
33 : #844374 : -30
35 : #864175 : -28
37 : #883f76 : -26
39 : #8a3d77 : -24
41 : #8c3b78 : -22
43 : #8e3979 : -20
45 : #90377a : -18
47 : #92357b : -16
49 : #94337c : -14
51 : #96317d : -12
53 : #982f7e : -10
55 : #9a2d7f : -8
57 : #9c2b80 : -6
59 : #9e2981 : -4
61 : #a02782 : -2
63 : #a22583 : ±0
65 : #a42384 : +2
67 : #a62185 : +4
69 : #a81f86 : +6
71 : #aa1d87 : +8
73 : #ac1b88 : +10
75 : #ae1989 : +12
77 : #b0178a : +14
79 : #b2158b : +16
81 : #b4138c : +18
83 : #b6118d : +20
85 : #b80f8e : +22
87 : #ba0d8f : +24
89 : #bc0b90 : +26
91 : #be0991 : +28
93 : #c00792 : +30
95 : #c20593 : +32
97 : #c40394 : +34
99 : #c60195 : +36
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -38
3 : #0c030a : -36
5 : #150511 : -34
7 : #1d0717 : -32
9 : #25081e : -30
11 : #2e0a25 : -28
13 : #360c2c : -26
15 : #3e0e32 : -24
17 : #471039 : -22
19 : #4f1240 : -20
21 : #571446 : -18
23 : #60164d : -16
25 : #681854 : -14
27 : #70195b : -12
29 : #791b61 : -10
31 : #811d68 : -8
33 : #891f6f : -6
35 : #912175 : -4
37 : #9a237c : -2
39 : #a22583 : ±0
41 : #aa2789 : +2
43 : #b32990 : +4
45 : #bb2a97 : +6
47 : #c32c9e : +8
49 : #cc2ea4 : +10
51 : #d133a9 : +12
53 : #d33cad : +14
55 : #d544b0 : +16
57 : #d64cb4 : +18
59 : #d855b7 : +20
61 : #da5dbb : +22
63 : #dc65be : +24
65 : #de6ec2 : +26
67 : #e076c5 : +28
69 : #e27ec9 : +30
71 : #e486cc : +32
73 : #e68fd0 : +34
75 : #e797d3 : +36
77 : #e99fd7 : +38
79 : #eba8da : +40
81 : #edb0de : +42
83 : #efb8e1 : +44
85 : #f1c1e5 : +46
87 : #f3c9e8 : +48
89 : #f5d1ec : +50
91 : #f7daef : +52
93 : #f8e2f3 : +54
95 : #faeaf6 : +56
97 : #fcf3fa : +58
99 : #fefbfd : +60
CSS入門、作ってます。
text-shadow