#af5089
RGB ( 赤 = 175, 緑 = 80, 青 = 137 )
HSL ( 色相 = 324°, 彩度 = 37%, 明度 = 50% )
H : 色相 ( 324° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #af5750 : -320
14 : #af6650 : -310
24 : #af7650 : -300
34 : #af8650 : -290
44 : #af9650 : -280
54 : #afa550 : -270
64 : #a8af50 : -260
74 : #99af50 : -250
84 : #89af50 : -240
94 : #79af50 : -230
104 : #69af50 : -220
114 : #5aaf50 : -210
124 : #50af57 : -200
134 : #50af66 : -190
144 : #50af76 : -180
154 : #50af86 : -170
164 : #50af96 : -160
174 : #50afa5 : -150
184 : #50a8af : -140
194 : #5099af : -130
204 : #5089af : -120
214 : #5079af : -110
224 : #5069af : -100
234 : #505aaf : -90
244 : #5750af : -80
254 : #6650af : -70
264 : #7650af : -60
274 : #8650af : -50
284 : #9650af : -40
294 : #a550af : -30
304 : #af50a8 : -20
314 : #af5099 : -10
324 : #af5089 : ±0
334 : #af5079 : +10
344 : #af5069 : +20
354 : #af505a : +30
314 : #af5099 : -10
315 : #af5097 : -9
316 : #af5096 : -8
317 : #af5094 : -7
318 : #af5092 : -6
319 : #af5091 : -5
320 : #af508f : -4
321 : #af508e : -3
322 : #af508c : -2
323 : #af508b : -1
324 : #af5089 : ±0
325 : #af5087 : +1
326 : #af5086 : +2
327 : #af5084 : +3
328 : #af5083 : +4
329 : #af5081 : +5
330 : #af5080 : +6
331 : #af507e : +7
332 : #af507c : +8
333 : #af507b : +9
334 : #af5079 : +10
S : 彩度 ( 37% )
(0%) 渋い ~ 鮮やか (100%)
1 : #817e80 : -36
3 : #837c80 : -34
5 : #867981 : -32
7 : #887781 : -30
9 : #8b7482 : -28
11 : #8e7182 : -26
13 : #906f83 : -24
15 : #936c83 : -22
17 : #956a84 : -20
19 : #986784 : -18
21 : #9a6585 : -16
23 : #9d6285 : -14
25 : #9f6086 : -12
27 : #a25d86 : -10
29 : #a45b87 : -8
31 : #a75887 : -6
33 : #aa5588 : -4
35 : #ac5388 : -2
37 : #af5089 : ±0
39 : #b14e89 : +2
41 : #b44b8a : +4
43 : #b6498a : +6
45 : #b9468b : +8
47 : #bb448b : +10
49 : #be418c : +12
51 : #c13e8d : +14
53 : #c33c8d : +16
55 : #c6398e : +18
57 : #c8378e : +20
59 : #cb348f : +22
61 : #cd328f : +24
63 : #d02f90 : +26
65 : #d22d90 : +28
67 : #d52a91 : +30
69 : #d72891 : +32
71 : #da2592 : +34
73 : #dd2292 : +36
75 : #df2093 : +38
77 : #e21d93 : +40
79 : #e41b94 : +42
81 : #e71894 : +44
83 : #e91695 : +46
85 : #ec1395 : +48
87 : #ee1196 : +50
89 : #f10e96 : +52
91 : #f40b97 : +54
93 : #f60997 : +56
95 : #f90698 : +58
97 : #fb0498 : +60
99 : #fe0199 : +62
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #070305 : -48
4 : #0e060b : -46
6 : #150a10 : -44
8 : #1c0d16 : -42
10 : #23101b : -40
12 : #2a1321 : -38
14 : #311626 : -36
16 : #381a2c : -34
18 : #3f1d31 : -32
20 : #462037 : -30
22 : #4d233c : -28
24 : #542742 : -26
26 : #5b2a47 : -24
28 : #622d4d : -22
30 : #693052 : -20
32 : #703358 : -18
34 : #77375d : -16
36 : #7e3a63 : -14
38 : #853d68 : -12
40 : #8c406e : -10
42 : #934373 : -8
44 : #9a4779 : -6
46 : #a14a7e : -4
48 : #a84d83 : -2
50 : #af5089 : ±0
52 : #b2578e : +2
54 : #b55e92 : +4
56 : #b86597 : +6
58 : #bc6c9c : +8
60 : #bf73a1 : +10
62 : #c27aa5 : +12
64 : #c581aa : +14
66 : #c888af : +16
68 : #cc8fb3 : +18
70 : #cf96b8 : +20
72 : #d29dbd : +22
74 : #d5a4c2 : +24
76 : #d8abc6 : +26
78 : #dcb2cb : +28
80 : #dfb9d0 : +30
82 : #e2c0d4 : +32
84 : #e5c7d9 : +34
86 : #e9cede : +36
88 : #ecd5e3 : +38
90 : #efdce7 : +40
92 : #f2e3ec : +42
94 : #f5eaf1 : +44
96 : #f9f1f6 : +46
98 : #fcf8fa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow