#ad722e
RGB ( 赤 = 173, 緑 = 114, 青 = 46 )
HSL ( 色相 = 32°, 彩度 = 58%, 明度 = 43% )
H : 色相 ( 32° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #ad322e : -30
12 : #ad472e : -20
22 : #ad5d2e : -10
32 : #ad722e : ±0
42 : #ad872e : +10
52 : #ad9c2e : +20
62 : #a9ad2e : +30
72 : #94ad2e : +40
82 : #7fad2e : +50
92 : #69ad2e : +60
102 : #54ad2e : +70
112 : #3fad2e : +80
122 : #2ead32 : +90
132 : #2ead47 : +100
142 : #2ead5d : +110
152 : #2ead72 : +120
162 : #2ead87 : +130
172 : #2ead9c : +140
182 : #2ea9ad : +150
192 : #2e94ad : +160
202 : #2e7fad : +170
212 : #2e69ad : +180
222 : #2e54ad : +190
232 : #2e3fad : +200
242 : #322ead : +210
252 : #472ead : +220
262 : #5d2ead : +230
272 : #722ead : +240
282 : #872ead : +250
292 : #9c2ead : +260
302 : #ad2ea9 : +270
312 : #ad2e94 : +280
322 : #ad2e7f : +290
332 : #ad2e69 : +300
342 : #ad2e54 : +310
352 : #ad2e3f : +320
22 : #ad5d2e : -10
23 : #ad5f2e : -9
24 : #ad612e : -8
25 : #ad632e : -7
26 : #ad652e : -6
27 : #ad672e : -5
28 : #ad692e : -4
29 : #ad6c2e : -3
30 : #ad6e2e : -2
31 : #ad702e : -1
32 : #ad722e : ±0
33 : #ad742e : +1
34 : #ad762e : +2
35 : #ad782e : +3
36 : #ad7a2e : +4
37 : #ad7c2e : +5
38 : #ad7f2e : +6
39 : #ad812e : +7
40 : #ad832e : +8
41 : #ad852e : +9
42 : #ad872e : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -58
2 : #706e6b : -56
4 : #726e69 : -54
6 : #746e67 : -52
8 : #766e65 : -50
10 : #796e63 : -48
12 : #7b6f60 : -46
14 : #7d6f5e : -44
16 : #7f6f5c : -42
18 : #816f5a : -40
20 : #846f58 : -38
22 : #866f56 : -36
24 : #886f53 : -34
26 : #8a7051 : -32
28 : #8c704f : -30
30 : #8f704d : -28
32 : #91704b : -26
34 : #937048 : -24
36 : #957046 : -22
38 : #977044 : -20
40 : #9a7142 : -18
42 : #9c7140 : -16
44 : #9e713d : -14
46 : #a0713b : -12
48 : #a27139 : -10
50 : #a47137 : -8
52 : #a77135 : -6
54 : #a97232 : -4
56 : #ab7230 : -2
58 : #ad722e : ±0
60 : #af722c : +2
62 : #b2722a : +4
64 : #b47227 : +6
66 : #b67225 : +8
68 : #b87323 : +10
70 : #ba7321 : +12
72 : #bd731f : +14
74 : #bf731d : +16
76 : #c1731a : +18
78 : #c37318 : +20
80 : #c57316 : +22
82 : #c87414 : +24
84 : #ca7412 : +26
86 : #cc740f : +28
88 : #ce740d : +30
90 : #d0740b : +32
92 : #d37409 : +34
94 : #d57507 : +36
96 : #d77504 : +38
98 : #d97502 : +40
100 : #db7500 : +42
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -42
3 : #0c0803 : -40
5 : #140d05 : -38
7 : #1c1307 : -36
9 : #24180a : -34
11 : #2c1d0c : -32
13 : #34220e : -30
15 : #3c2810 : -28
17 : #442d12 : -26
19 : #4d3214 : -24
21 : #553816 : -22
23 : #5d3d19 : -20
25 : #65421b : -18
27 : #6d481d : -16
29 : #754d1f : -14
31 : #7d5221 : -12
33 : #855723 : -10
35 : #8d5d25 : -8
37 : #956228 : -6
39 : #9d672a : -4
41 : #a56d2c : -2
43 : #ad722e : ±0
45 : #b57730 : +2
47 : #bd7c32 : +4
49 : #c58234 : +6
51 : #cb873a : +8
53 : #cd8c42 : +10
55 : #cf914a : +12
57 : #d19652 : +14
59 : #d39a5a : +16
61 : #d59f62 : +18
63 : #d7a46a : +20
65 : #daa972 : +22
67 : #dcae7a : +24
69 : #deb382 : +26
71 : #e0b88a : +28
73 : #e2bd92 : +30
75 : #e4c29a : +32
77 : #e6c7a2 : +34
79 : #e9ccaa : +36
81 : #ebd0b2 : +38
83 : #edd5bb : +40
85 : #efdac3 : +42
87 : #f1dfcb : +44
89 : #f3e4d3 : +46
91 : #f5e9db : +48
93 : #f8eee3 : +50
95 : #faf3eb : +52
97 : #fcf8f3 : +54
99 : #fefdfb : +56
CSS入門、作ってます。
text-shadow