#aa228a
RGB ( 赤 = 170, 緑 = 34, 青 = 138 )
HSL ( 色相 = 314°, 彩度 = 67%, 明度 = 40% )
H : 色相 ( 314° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #aa2b22 : -310
14 : #aa4222 : -300
24 : #aa5822 : -290
34 : #aa6f22 : -280
44 : #aa8622 : -270
54 : #aa9d22 : -260
64 : #a1aa22 : -250
74 : #8aaa22 : -240
84 : #74aa22 : -230
94 : #5daa22 : -220
104 : #46aa22 : -210
114 : #2faa22 : -200
124 : #22aa2b : -190
134 : #22aa42 : -180
144 : #22aa58 : -170
154 : #22aa6f : -160
164 : #22aa86 : -150
174 : #22aa9d : -140
184 : #22a1aa : -130
194 : #228aaa : -120
204 : #2274aa : -110
214 : #225daa : -100
224 : #2246aa : -90
234 : #222faa : -80
244 : #2b22aa : -70
254 : #4222aa : -60
264 : #5822aa : -50
274 : #6f22aa : -40
284 : #8622aa : -30
294 : #9d22aa : -20
304 : #aa22a1 : -10
314 : #aa228a : ±0
324 : #aa2274 : +10
334 : #aa225d : +20
344 : #aa2246 : +30
354 : #aa222f : +40
304 : #aa22a1 : -10
305 : #aa229f : -9
306 : #aa229d : -8
307 : #aa229a : -7
308 : #aa2298 : -6
309 : #aa2296 : -5
310 : #aa2294 : -4
311 : #aa2291 : -3
312 : #aa228f : -2
313 : #aa228d : -1
314 : #aa228a : ±0
315 : #aa2288 : +1
316 : #aa2286 : +2
317 : #aa2284 : +3
318 : #aa2281 : +4
319 : #aa227f : +5
320 : #aa227d : +6
321 : #aa227b : +7
322 : #aa2278 : +8
323 : #aa2276 : +9
324 : #aa2274 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #676567 : -66
3 : #696368 : -64
5 : #6b6169 : -62
7 : #6d5f6a : -60
9 : #6f5d6b : -58
11 : #715b6c : -56
13 : #73596d : -54
15 : #75576e : -52
17 : #77556f : -50
19 : #795370 : -48
21 : #7b5171 : -46
23 : #7d4f73 : -44
25 : #804d74 : -42
27 : #824a75 : -40
29 : #844876 : -38
31 : #864677 : -36
33 : #884478 : -34
35 : #8a4279 : -32
37 : #8c407a : -30
39 : #8e3e7b : -28
41 : #903c7c : -26
43 : #923a7d : -24
45 : #94387e : -22
47 : #963680 : -20
49 : #983481 : -18
51 : #9a3282 : -16
53 : #9c3083 : -14
55 : #9e2e84 : -12
57 : #a02c85 : -10
59 : #a22a86 : -8
61 : #a42887 : -6
63 : #a62688 : -4
65 : #a82489 : -2
67 : #aa228a : ±0
69 : #ac208c : +2
71 : #ae1e8d : +4
73 : #b01c8e : +6
75 : #b31a8f : +8
77 : #b51790 : +10
79 : #b71591 : +12
81 : #b91392 : +14
83 : #bb1193 : +16
85 : #bd0f94 : +18
87 : #bf0d95 : +20
89 : #c10b96 : +22
91 : #c30998 : +24
93 : #c50799 : +26
95 : #c7059a : +28
97 : #c9039b : +30
99 : #cb019c : +32
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #090207 : -38
4 : #11030e : -36
6 : #1a0515 : -34
8 : #22071c : -32
10 : #2b0823 : -30
12 : #330a2a : -28
14 : #3c0c30 : -26
16 : #440d37 : -24
18 : #4d0f3e : -22
20 : #551145 : -20
22 : #5e134c : -18
24 : #661453 : -16
26 : #6f165a : -14
28 : #771861 : -12
30 : #801968 : -10
32 : #881b6f : -8
34 : #911d76 : -6
36 : #991e7d : -4
38 : #a22084 : -2
40 : #aa228a : ±0
42 : #b32391 : +2
44 : #bb2598 : +4
46 : #c4279f : +6
48 : #cc28a6 : +8
50 : #d52aad : +10
52 : #d733b0 : +12
54 : #d83bb4 : +14
56 : #da44b7 : +16
58 : #dc4cba : +18
60 : #dd55bd : +20
62 : #df5dc1 : +22
64 : #e166c4 : +24
66 : #e26ec7 : +26
68 : #e477cb : +28
70 : #e67fce : +30
72 : #e788d1 : +32
74 : #e990d4 : +34
76 : #eb99d8 : +36
78 : #eca1db : +38
80 : #eeaade : +40
82 : #f0b2e2 : +42
84 : #f2bbe5 : +44
86 : #f3c3e8 : +46
88 : #f5cceb : +48
90 : #f7d4ef : +50
92 : #f8ddf2 : +52
94 : #fae5f5 : +54
96 : #fceef8 : +56
98 : #fdf6fc : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow