#ab6d3b
RGB ( 赤 = 171, 緑 = 109, 青 = 59 )
HSL ( 色相 = 27°, 彩度 = 49%, 明度 = 45% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #ab483b : -20
17 : #ab5a3b : -10
27 : #ab6d3b : ±0
37 : #ab803b : +10
47 : #ab933b : +20
57 : #aba53b : +30
67 : #9eab3b : +40
77 : #8bab3b : +50
87 : #78ab3b : +60
97 : #66ab3b : +70
107 : #53ab3b : +80
117 : #40ab3b : +90
127 : #3bab48 : +100
137 : #3bab5a : +110
147 : #3bab6d : +120
157 : #3bab80 : +130
167 : #3bab93 : +140
177 : #3baba5 : +150
187 : #3b9eab : +160
197 : #3b8bab : +170
207 : #3b78ab : +180
217 : #3b66ab : +190
227 : #3b53ab : +200
237 : #3b40ab : +210
247 : #483bab : +220
257 : #5a3bab : +230
267 : #6d3bab : +240
277 : #803bab : +250
287 : #933bab : +260
297 : #a53bab : +270
307 : #ab3b9e : +280
317 : #ab3b8b : +290
327 : #ab3b78 : +300
337 : #ab3b66 : +310
347 : #ab3b53 : +320
357 : #ab3b40 : +330
17 : #ab5a3b : -10
18 : #ab5c3b : -9
19 : #ab5e3b : -8
20 : #ab603b : -7
21 : #ab623b : -6
22 : #ab643b : -5
23 : #ab663b : -4
24 : #ab683b : -3
25 : #ab693b : -2
26 : #ab6b3b : -1
27 : #ab6d3b : ±0
28 : #ab6f3b : +1
29 : #ab713b : +2
30 : #ab733b : +3
31 : #ab753b : +4
32 : #ab763b : +5
33 : #ab783b : +6
34 : #ab7a3b : +7
35 : #ab7c3b : +8
36 : #ab7e3b : +9
37 : #ab803b : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747372 : -48
3 : #76726f : -46
5 : #78726d : -44
7 : #7b726b : -42
9 : #7d7268 : -40
11 : #7f7166 : -38
13 : #827164 : -36
15 : #847162 : -34
17 : #86715f : -32
19 : #89715d : -30
21 : #8b705b : -28
23 : #8d7058 : -26
25 : #8f7056 : -24
27 : #927054 : -22
29 : #946f51 : -20
31 : #966f4f : -18
33 : #996f4d : -16
35 : #9b6f4b : -14
37 : #9d6f48 : -12
39 : #a06e46 : -10
41 : #a26e44 : -8
43 : #a46e41 : -6
45 : #a66e3f : -4
47 : #a96d3d : -2
49 : #ab6d3b : ±0
51 : #ad6d38 : +2
53 : #b06d36 : +4
55 : #b26c34 : +6
57 : #b46c31 : +8
59 : #b66c2f : +10
61 : #b96c2d : +12
63 : #bb6c2a : +14
65 : #bd6b28 : +16
67 : #c06b26 : +18
69 : #c26b24 : +20
71 : #c46b21 : +22
73 : #c76a1f : +24
75 : #c96a1d : +26
77 : #cb6a1a : +28
79 : #cd6a18 : +30
81 : #d06916 : +32
83 : #d26914 : +34
85 : #d46911 : +36
87 : #d7690f : +38
89 : #d9690d : +40
91 : #db680a : +42
93 : #dd6808 : +44
95 : #e06806 : +46
97 : #e26803 : +48
99 : #e46701 : +50
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -44
3 : #0b0704 : -42
5 : #130c07 : -40
7 : #1b1109 : -38
9 : #22160c : -36
11 : #2a1b0e : -34
13 : #312011 : -32
15 : #392414 : -30
17 : #412916 : -28
19 : #482e19 : -26
21 : #50331b : -24
23 : #57381e : -22
25 : #5f3d21 : -20
27 : #674123 : -18
29 : #6e4626 : -16
31 : #764b28 : -14
33 : #7d502b : -12
35 : #85552e : -10
37 : #8d5a30 : -8
39 : #945f33 : -6
41 : #9c6335 : -4
43 : #a36838 : -2
45 : #ab6d3b : ±0
47 : #b3723d : +2
49 : #ba7740 : +4
51 : #bf7c45 : +6
53 : #c2814c : +8
55 : #c48754 : +10
57 : #c78c5c : +12
59 : #ca9163 : +14
61 : #cc976b : +16
63 : #cf9c72 : +18
65 : #d1a17a : +20
67 : #d4a782 : +22
69 : #d7ac89 : +24
71 : #d9b191 : +26
73 : #dcb798 : +28
75 : #debca0 : +30
77 : #e1c1a8 : +32
79 : #e4c7af : +34
81 : #e6ccb7 : +36
83 : #e9d2be : +38
85 : #ebd7c6 : +40
87 : #eedcce : +42
89 : #f1e2d5 : +44
91 : #f3e7dd : +46
93 : #f6ece4 : +48
95 : #f8f2ec : +50
97 : #fbf7f4 : +52
99 : #fefcfb : +54
CSS入門、作ってます。
text-shadow