#ab8a30
RGB ( 赤 = 171, 緑 = 138, 青 = 48 )
HSL ( 色相 = 44°, 彩度 = 56%, 明度 = 43% )
H : 色相 ( 44° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #ab3830 : -40
14 : #ab4d30 : -30
24 : #ab6130 : -20
34 : #ab7630 : -10
44 : #ab8a30 : ±0
54 : #ab9f30 : +10
64 : #a3ab30 : +20
74 : #8eab30 : +30
84 : #7aab30 : +40
94 : #65ab30 : +50
104 : #51ab30 : +60
114 : #3dab30 : +70
124 : #30ab38 : +80
134 : #30ab4d : +90
144 : #30ab61 : +100
154 : #30ab76 : +110
164 : #30ab8a : +120
174 : #30ab9f : +130
184 : #30a3ab : +140
194 : #308eab : +150
204 : #307aab : +160
214 : #3065ab : +170
224 : #3051ab : +180
234 : #303dab : +190
244 : #3830ab : +200
254 : #4d30ab : +210
264 : #6130ab : +220
274 : #7630ab : +230
284 : #8a30ab : +240
294 : #9f30ab : +250
304 : #ab30a3 : +260
314 : #ab308e : +270
324 : #ab307a : +280
334 : #ab3065 : +290
344 : #ab3051 : +300
354 : #ab303d : +310
34 : #ab7630 : -10
35 : #ab7830 : -9
36 : #ab7a30 : -8
37 : #ab7c30 : -7
38 : #ab7e30 : -6
39 : #ab8030 : -5
40 : #ab8230 : -4
41 : #ab8430 : -3
42 : #ab8630 : -2
43 : #ab8830 : -1
44 : #ab8a30 : ±0
45 : #ab8c30 : +1
46 : #ab8e30 : +2
47 : #ab9030 : +3
48 : #ab9230 : +4
49 : #ab9530 : +5
50 : #ab9730 : +6
51 : #ab9930 : +7
52 : #ab9b30 : +8
53 : #ab9d30 : +9
54 : #ab9f30 : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -56
2 : #706f6b : -54
4 : #727069 : -52
6 : #747167 : -50
8 : #767265 : -48
10 : #797363 : -46
12 : #7b7460 : -44
14 : #7d755e : -42
16 : #7f765c : -40
18 : #81775a : -38
20 : #847858 : -36
22 : #867956 : -34
24 : #887a53 : -32
26 : #8a7b51 : -30
28 : #8c7c4f : -28
30 : #8f7d4d : -26
32 : #917e4b : -24
34 : #937f48 : -22
36 : #958046 : -20
38 : #978144 : -18
40 : #9a8242 : -16
42 : #9c8340 : -14
44 : #9e843d : -12
46 : #a0853b : -10
48 : #a28639 : -8
50 : #a48737 : -6
52 : #a78835 : -4
54 : #a98932 : -2
56 : #ab8a30 : ±0
58 : #ad8b2e : +2
60 : #af8c2c : +4
62 : #b28d2a : +6
64 : #b48e27 : +8
66 : #b68f25 : +10
68 : #b89023 : +12
70 : #ba9121 : +14
72 : #bd921f : +16
74 : #bf941d : +18
76 : #c1951a : +20
78 : #c39618 : +22
80 : #c59716 : +24
82 : #c89814 : +26
84 : #ca9912 : +28
86 : #cc9a0f : +30
88 : #ce9b0d : +32
90 : #d09c0b : +34
92 : #d39d09 : +36
94 : #d59e07 : +38
96 : #d79f04 : +40
98 : #d9a002 : +42
100 : #dba100 : +44
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -42
3 : #0c0a03 : -40
5 : #141006 : -38
7 : #1c1708 : -36
9 : #241d0a : -34
11 : #2c230c : -32
13 : #342a0f : -30
15 : #3c3011 : -28
17 : #443713 : -26
19 : #4c3d15 : -24
21 : #544418 : -22
23 : #5b4a1a : -20
25 : #63501c : -18
27 : #6b571e : -16
29 : #735d21 : -14
31 : #7b6423 : -12
33 : #836a25 : -10
35 : #8b7127 : -8
37 : #93772a : -6
39 : #9b7d2c : -4
41 : #a3842e : -2
43 : #ab8a30 : ±0
45 : #b39132 : +2
47 : #bb9735 : +4
49 : #c39e37 : +6
51 : #c8a33c : +8
53 : #caa644 : +10
55 : #cdaa4c : +12
57 : #cfae54 : +14
59 : #d1b25c : +16
61 : #d3b664 : +18
63 : #d5b96c : +20
65 : #d8bd74 : +22
67 : #dac17c : +24
69 : #dcc584 : +26
71 : #dec88c : +28
73 : #e1cc94 : +30
75 : #e3d09c : +32
77 : #e5d4a4 : +34
79 : #e7d7ab : +36
81 : #eadbb3 : +38
83 : #ecdfbb : +40
85 : #eee3c3 : +42
87 : #f0e7cb : +44
89 : #f3ead3 : +46
91 : #f5eedb : +48
93 : #f7f2e3 : +50
95 : #f9f6eb : +52
97 : #fcf9f3 : +54
99 : #fefdfb : +56
CSS入門、作ってます。
text-shadow