#a17289
RGB ( 赤 = 161, 緑 = 114, 青 = 137 )
HSL ( 色相 = 331°, 彩度 = 20%, 明度 = 54% )
H : 色相 ( 331° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #a17372 : -330
11 : #a17b72 : -320
21 : #a18372 : -310
31 : #a18a72 : -300
41 : #a19272 : -290
51 : #a19a72 : -280
61 : #a0a172 : -270
71 : #99a172 : -260
81 : #91a172 : -250
91 : #89a172 : -240
101 : #81a172 : -230
111 : #79a172 : -220
121 : #72a173 : -210
131 : #72a17b : -200
141 : #72a183 : -190
151 : #72a18a : -180
161 : #72a192 : -170
171 : #72a19a : -160
181 : #72a0a1 : -150
191 : #7299a1 : -140
201 : #7291a1 : -130
211 : #7289a1 : -120
221 : #7281a1 : -110
231 : #7279a1 : -100
241 : #7372a1 : -90
251 : #7b72a1 : -80
261 : #8372a1 : -70
271 : #8a72a1 : -60
281 : #9272a1 : -50
291 : #9a72a1 : -40
301 : #a172a0 : -30
311 : #a17299 : -20
321 : #a17291 : -10
331 : #a17289 : ±0
341 : #a17281 : +10
351 : #a17279 : +20
321 : #a17291 : -10
322 : #a17290 : -9
323 : #a1728f : -8
324 : #a1728e : -7
325 : #a1728e : -6
326 : #a1728d : -5
327 : #a1728c : -4
328 : #a1728b : -3
329 : #a1728a : -2
330 : #a1728a : -1
331 : #a17289 : ±0
332 : #a17288 : +1
333 : #a17287 : +2
334 : #a17287 : +3
335 : #a17286 : +4
336 : #a17285 : +5
337 : #a17284 : +6
338 : #a17283 : +7
339 : #a17283 : +8
340 : #a17282 : +9
341 : #a17281 : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -20
2 : #8c878a : -18
4 : #8e858a : -16
6 : #918389 : -14
8 : #938089 : -12
10 : #957e89 : -10
12 : #987c89 : -8
14 : #9a7989 : -6
16 : #9c7789 : -4
18 : #9f7589 : -2
20 : #a17289 : ±0
22 : #a47089 : +2
24 : #a66e89 : +4
26 : #a86b89 : +6
28 : #ab6989 : +8
30 : #ad6789 : +10
32 : #af6488 : +12
34 : #b26288 : +14
36 : #b45f88 : +16
38 : #b65d88 : +18
40 : #b95b88 : +20
42 : #bb5888 : +22
44 : #bd5688 : +24
46 : #c05488 : +26
48 : #c25188 : +28
50 : #c44f88 : +30
52 : #c74d88 : +32
54 : #c94a88 : +34
56 : #cb4888 : +36
58 : #ce4687 : +38
60 : #d04387 : +40
62 : #d24187 : +42
64 : #d53f87 : +44
66 : #d73c87 : +46
68 : #d93a87 : +48
70 : #dc3887 : +50
72 : #de3587 : +52
74 : #e13387 : +54
76 : #e33187 : +56
78 : #e52e87 : +58
80 : #e82c87 : +60
82 : #ea2a86 : +62
84 : #ec2786 : +64
86 : #ef2586 : +66
88 : #f12286 : +68
90 : #f32086 : +70
92 : #f61e86 : +72
94 : #f81b86 : +74
96 : #fa1986 : +76
98 : #fd1786 : +78
100 : #ff1486 : +80
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #060405 : -52
4 : #0c080a : -50
6 : #120c0f : -48
8 : #181014 : -46
10 : #1f1419 : -44
12 : #25181e : -42
14 : #2b1d23 : -40
16 : #312129 : -38
18 : #37252e : -36
20 : #3d2933 : -34
22 : #432d38 : -32
24 : #49313d : -30
26 : #503542 : -28
28 : #563947 : -26
30 : #5c3d4c : -24
32 : #624151 : -22
34 : #684556 : -20
36 : #6e495b : -18
38 : #744e60 : -16
40 : #7a5265 : -14
42 : #81566a : -12
44 : #875a6f : -10
46 : #8d5e75 : -8
48 : #93627a : -6
50 : #99667f : -4
52 : #9d6c84 : -2
54 : #a17289 : ±0
56 : #a5788e : +2
58 : #a97e93 : +4
60 : #ad8598 : +6
62 : #b18b9d : +8
64 : #b691a3 : +10
66 : #ba97a8 : +12
68 : #be9dad : +14
70 : #c2a3b2 : +16
72 : #c6a9b7 : +18
74 : #caafbc : +20
76 : #ceb6c1 : +22
78 : #d2bcc7 : +24
80 : #d6c2cc : +26
82 : #dac8d1 : +28
84 : #deced6 : +30
86 : #e2d4db : +32
88 : #e7dae0 : +34
90 : #ebe0e5 : +36
92 : #efe7ea : +38
94 : #f3edf0 : +40
96 : #f7f3f5 : +42
98 : #fbf9fa : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow