#ad587b
RGB ( 赤 = 173, 緑 = 88, 青 = 123 )
HSL ( 色相 = 335°, 彩度 = 34%, 明度 = 51% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ad5f58 : -330
15 : #ad6d58 : -320
25 : #ad7b58 : -310
35 : #ad8958 : -300
45 : #ad9758 : -290
55 : #ada558 : -280
65 : #a5ad58 : -270
75 : #97ad58 : -260
85 : #89ad58 : -250
95 : #7bad58 : -240
105 : #6dad58 : -230
115 : #5fad58 : -220
125 : #58ad5f : -210
135 : #58ad6d : -200
145 : #58ad7b : -190
155 : #58ad89 : -180
165 : #58ad97 : -170
175 : #58ada5 : -160
185 : #58a5ad : -150
195 : #5897ad : -140
205 : #5889ad : -130
215 : #587bad : -120
225 : #586dad : -110
235 : #585fad : -100
245 : #5f58ad : -90
255 : #6d58ad : -80
265 : #7b58ad : -70
275 : #8958ad : -60
285 : #9758ad : -50
295 : #a558ad : -40
305 : #ad58a5 : -30
315 : #ad5897 : -20
325 : #ad5889 : -10
335 : #ad587b : ±0
345 : #ad586d : +10
355 : #ad585f : +20
325 : #ad5889 : -10
326 : #ad5888 : -9
327 : #ad5886 : -8
328 : #ad5885 : -7
329 : #ad5883 : -6
330 : #ad5882 : -5
331 : #ad5881 : -4
332 : #ad587f : -3
333 : #ad587e : -2
334 : #ad587c : -1
335 : #ad587b : ±0
336 : #ad587a : +1
337 : #ad5878 : +2
338 : #ad5877 : +3
339 : #ad5875 : +4
340 : #ad5874 : +5
341 : #ad5872 : +6
342 : #ad5871 : +7
343 : #ad5870 : +8
344 : #ad586e : +9
345 : #ad586d : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -34
2 : #858082 : -32
4 : #877d81 : -30
6 : #8a7b81 : -28
8 : #8c7880 : -26
10 : #8f7680 : -24
12 : #917380 : -22
14 : #94717f : -20
16 : #966e7f : -18
18 : #996c7e : -16
20 : #9b697e : -14
22 : #9e677d : -12
24 : #a0647d : -10
26 : #a3627d : -8
28 : #a55f7c : -6
30 : #a85d7c : -4
32 : #aa5a7b : -2
34 : #ad587b : ±0
36 : #af557b : +2
38 : #b2537a : +4
40 : #b4507a : +6
42 : #b74e79 : +8
44 : #b94b79 : +10
46 : #bc4978 : +12
48 : #be4678 : +14
50 : #c14478 : +16
52 : #c34177 : +18
54 : #c63f77 : +20
56 : #c83c76 : +22
58 : #cb3a76 : +24
60 : #cd3776 : +26
62 : #d03575 : +28
64 : #d23275 : +30
66 : #d53074 : +32
68 : #d72d74 : +34
70 : #da2b73 : +36
72 : #dc2873 : +38
74 : #df2673 : +40
76 : #e12372 : +42
78 : #e42172 : +44
80 : #e61e71 : +46
82 : #e91c71 : +48
84 : #eb1971 : +50
86 : #ee1770 : +52
88 : #f01470 : +54
90 : #f3126f : +56
92 : #f50f6f : +58
94 : #f80d6e : +60
96 : #fa0a6e : +62
98 : #fd086e : +64
100 : #ff056d : +66
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -50
3 : #0a0507 : -48
5 : #11080c : -46
7 : #180c11 : -44
9 : #1f0f16 : -42
11 : #26131a : -40
13 : #2c161f : -38
15 : #331924 : -36
17 : #3a1d29 : -34
19 : #41202e : -32
21 : #482333 : -30
23 : #4f2737 : -28
25 : #552a3c : -26
27 : #5c2d41 : -24
29 : #633146 : -22
31 : #6a344b : -20
33 : #71384f : -18
35 : #783b54 : -16
37 : #7e3e59 : -14
39 : #85425e : -12
41 : #8c4563 : -10
43 : #934867 : -8
45 : #9a4c6c : -6
47 : #a14f71 : -4
49 : #a75276 : -2
51 : #ad587b : ±0
53 : #b05e80 : +2
55 : #b36586 : +4
57 : #b76c8b : +6
59 : #ba7391 : +8
61 : #bd7a96 : +10
63 : #c1819b : +12
65 : #c487a1 : +14
67 : #c78ea6 : +16
69 : #cb95ab : +18
71 : #ce9cb1 : +20
73 : #d2a3b6 : +22
75 : #d5aabc : +24
77 : #d8b0c1 : +26
79 : #dcb7c6 : +28
81 : #dfbecc : +30
83 : #e2c5d1 : +32
85 : #e6ccd7 : +34
87 : #e9d3dc : +36
89 : #ecd9e1 : +38
91 : #f0e0e7 : +40
93 : #f3e7ec : +42
95 : #f7eef2 : +44
97 : #faf5f7 : +46
99 : #fdfcfc : +48
CSS入門、作ってます。
text-shadow