#ad8158
RGB ( 赤 = 173, 緑 = 129, 青 = 88 )
HSL ( 色相 = 29°, 彩度 = 34%, 明度 = 51% )
H : 色相 ( 29° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #ad6458 : -20
19 : #ad7258 : -10
29 : #ad8158 : ±0
39 : #ad8f58 : +10
49 : #ad9d58 : +20
59 : #adab58 : +30
69 : #a0ad58 : +40
79 : #92ad58 : +50
89 : #83ad58 : +60
99 : #75ad58 : +70
109 : #67ad58 : +80
119 : #59ad58 : +90
129 : #58ad64 : +100
139 : #58ad72 : +110
149 : #58ad81 : +120
159 : #58ad8f : +130
169 : #58ad9d : +140
179 : #58adab : +150
189 : #58a0ad : +160
199 : #5892ad : +170
209 : #5883ad : +180
219 : #5875ad : +190
229 : #5867ad : +200
239 : #5859ad : +210
249 : #6458ad : +220
259 : #7258ad : +230
269 : #8158ad : +240
279 : #8f58ad : +250
289 : #9d58ad : +260
299 : #ab58ad : +270
309 : #ad58a0 : +280
319 : #ad5892 : +290
329 : #ad5883 : +300
339 : #ad5875 : +310
349 : #ad5867 : +320
359 : #ad5859 : +330
19 : #ad7258 : -10
20 : #ad7458 : -9
21 : #ad7558 : -8
22 : #ad7758 : -7
23 : #ad7858 : -6
24 : #ad7a58 : -5
25 : #ad7b58 : -4
26 : #ad7c58 : -3
27 : #ad7e58 : -2
28 : #ad7f58 : -1
29 : #ad8158 : ±0
30 : #ad8258 : +1
31 : #ad8358 : +2
32 : #ad8558 : +3
33 : #ad8658 : +4
34 : #ad8858 : +5
35 : #ad8958 : +6
36 : #ad8b58 : +7
37 : #ad8c58 : +8
38 : #ad8d58 : +9
39 : #ad8f58 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -34
2 : #858280 : -32
4 : #87827d : -30
6 : #8a827b : -28
8 : #8c8278 : -26
10 : #8f8276 : -24
12 : #918273 : -22
14 : #948171 : -20
16 : #96816e : -18
18 : #99816c : -16
20 : #9b8169 : -14
22 : #9e8167 : -12
24 : #a08164 : -10
26 : #a38162 : -8
28 : #a5815f : -6
30 : #a8815d : -4
32 : #aa815a : -2
34 : #ad8158 : ±0
36 : #af8155 : +2
38 : #b28053 : +4
40 : #b48050 : +6
42 : #b7804e : +8
44 : #b9804b : +10
46 : #bc8049 : +12
48 : #be8046 : +14
50 : #c18044 : +16
52 : #c38041 : +18
54 : #c6803f : +20
56 : #c8803c : +22
58 : #cb803a : +24
60 : #cd8037 : +26
62 : #d07f35 : +28
64 : #d27f32 : +30
66 : #d57f30 : +32
68 : #d77f2d : +34
70 : #da7f2b : +36
72 : #dc7f28 : +38
74 : #df7f26 : +40
76 : #e17f23 : +42
78 : #e47f21 : +44
80 : #e67f1e : +46
82 : #e97f1c : +48
84 : #eb7f19 : +50
86 : #ee7e17 : +52
88 : #f07e14 : +54
90 : #f37e12 : +56
92 : #f57e0f : +58
94 : #f87e0d : +60
96 : #fa7e0a : +62
98 : #fd7e08 : +64
100 : #ff7e05 : +66
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -50
3 : #0a0805 : -48
5 : #110d08 : -46
7 : #18120c : -44
9 : #1f170f : -42
11 : #261c13 : -40
13 : #2c2116 : -38
15 : #332619 : -36
17 : #3a2b1d : -34
19 : #413020 : -32
21 : #483523 : -30
23 : #4f3a27 : -28
25 : #553f2a : -26
27 : #5c442d : -24
29 : #634931 : -22
31 : #6a4e34 : -20
33 : #715338 : -18
35 : #78583b : -16
37 : #7e5d3e : -14
39 : #856242 : -12
41 : #8c6745 : -10
43 : #936c48 : -8
45 : #9a714c : -6
47 : #a1764f : -4
49 : #a77c52 : -2
51 : #ad8158 : ±0
53 : #b0865e : +2
55 : #b38b65 : +4
57 : #b7906c : +6
59 : #ba9573 : +8
61 : #bd9a7a : +10
63 : #c1a081 : +12
65 : #c4a587 : +14
67 : #c7aa8e : +16
69 : #cbaf95 : +18
71 : #ceb49c : +20
73 : #d2b9a3 : +22
75 : #d5bfaa : +24
77 : #d8c4b0 : +26
79 : #dcc9b7 : +28
81 : #dfcebe : +30
83 : #e2d3c5 : +32
85 : #e6d8cc : +34
87 : #e9ddd3 : +36
89 : #ece3d9 : +38
91 : #f0e8e0 : +40
93 : #f3ede7 : +42
95 : #f7f2ee : +44
97 : #faf7f5 : +46
99 : #fdfcfc : +48
CSS入門、作ってます。
text-shadow