#ad6643
RGB ( 赤 = 173, 緑 = 102, 青 = 67 )
HSL ( 色相 = 20°, 彩度 = 44%, 明度 = 47% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ad4343 : -20
10 : #ad5543 : -10
20 : #ad6643 : ±0
30 : #ad7843 : +10
40 : #ad8943 : +20
50 : #ad9b43 : +30
60 : #adad43 : +40
70 : #9bad43 : +50
80 : #89ad43 : +60
90 : #78ad43 : +70
100 : #66ad43 : +80
110 : #55ad43 : +90
120 : #43ad43 : +100
130 : #43ad55 : +110
140 : #43ad66 : +120
150 : #43ad78 : +130
160 : #43ad89 : +140
170 : #43ad9b : +150
180 : #43adad : +160
190 : #439bad : +170
200 : #4389ad : +180
210 : #4378ad : +190
220 : #4366ad : +200
230 : #4355ad : +210
240 : #4343ad : +220
250 : #5543ad : +230
260 : #6643ad : +240
270 : #7843ad : +250
280 : #8943ad : +260
290 : #9b43ad : +270
300 : #ad43ad : +280
310 : #ad439b : +290
320 : #ad4389 : +300
330 : #ad4378 : +310
340 : #ad4366 : +320
350 : #ad4355 : +330
10 : #ad5543 : -10
11 : #ad5643 : -9
12 : #ad5843 : -8
13 : #ad5a43 : -7
14 : #ad5c43 : -6
15 : #ad5d43 : -5
16 : #ad5f43 : -4
17 : #ad6143 : -3
18 : #ad6343 : -2
19 : #ad6543 : -1
20 : #ad6643 : ±0
21 : #ad6843 : +1
22 : #ad6a43 : +2
23 : #ad6c43 : +3
24 : #ad6d43 : +4
25 : #ad6f43 : +5
26 : #ad7143 : +6
27 : #ad7343 : +7
28 : #ad7443 : +8
29 : #ad7643 : +9
30 : #ad7843 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #777777 : -44
2 : #7a7775 : -42
4 : #7d7673 : -40
6 : #7f7571 : -38
8 : #81756e : -36
10 : #84746c : -34
12 : #867369 : -32
14 : #897267 : -30
16 : #8b7165 : -28
18 : #8d7162 : -26
20 : #907060 : -24
22 : #926f5d : -22
24 : #956e5b : -20
26 : #976d59 : -18
28 : #996d56 : -16
30 : #9c6c54 : -14
32 : #9e6b51 : -12
34 : #a16a4f : -10
36 : #a3694d : -8
38 : #a5694a : -6
40 : #a86848 : -4
42 : #aa6746 : -2
44 : #ad6643 : ±0
46 : #af6541 : +2
48 : #b1653e : +4
50 : #b4643c : +6
52 : #b6633a : +8
54 : #b96237 : +10
56 : #bb6135 : +12
58 : #bd6132 : +14
60 : #c06030 : +16
62 : #c25f2e : +18
64 : #c55e2b : +20
66 : #c75d29 : +22
68 : #c95d26 : +24
70 : #cc5c24 : +26
72 : #ce5b22 : +28
74 : #d15a1f : +30
76 : #d3591d : +32
78 : #d5591a : +34
80 : #d85818 : +36
82 : #da5716 : +38
84 : #dd5613 : +40
86 : #df5511 : +42
88 : #e1550e : +44
90 : #e4540c : +46
92 : #e6530a : +48
94 : #e95207 : +50
96 : #eb5105 : +52
98 : #ed5102 : +54
100 : #f05000 : +56
L : 明度 ( 47% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -46
3 : #0b0704 : -44
5 : #120b07 : -42
7 : #1a0f0a : -40
9 : #21140d : -38
11 : #281810 : -36
13 : #301c13 : -34
15 : #372115 : -32
17 : #3e2518 : -30
19 : #46291b : -28
21 : #4d2e1e : -26
23 : #543221 : -24
25 : #5c3624 : -22
27 : #633b27 : -20
29 : #6a3f29 : -18
31 : #72432c : -16
33 : #79482f : -14
35 : #814c32 : -12
37 : #885135 : -10
39 : #8f5538 : -8
41 : #97593b : -6
43 : #9e5e3d : -4
45 : #a56240 : -2
47 : #ad6643 : ±0
49 : #b46b46 : +2
51 : #b9704b : +4
53 : #bc7652 : +6
55 : #bf7b5a : +8
57 : #c28161 : +10
59 : #c48768 : +12
61 : #c78d70 : +14
63 : #ca9377 : +16
65 : #cd997e : +18
67 : #d09f86 : +20
69 : #d3a48d : +22
71 : #d6aa95 : +24
73 : #d8b09c : +26
75 : #dbb6a3 : +28
77 : #debcab : +30
79 : #e1c2b2 : +32
81 : #e4c7b9 : +34
83 : #e7cdc1 : +36
85 : #ead3c8 : +38
87 : #ecd9cf : +40
89 : #efdfd7 : +42
91 : #f2e5de : +44
93 : #f5ebe5 : +46
95 : #f8f0ed : +48
97 : #fbf6f4 : +50
99 : #fefcfb : +52
CSS入門、作ってます。
text-shadow