#ab6f26
RGB ( 赤 = 171, 緑 = 111, 青 = 38 )
HSL ( 色相 = 33°, 彩度 = 64%, 明度 = 41% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ab2c26 : -30
13 : #ab4326 : -20
23 : #ab5926 : -10
33 : #ab6f26 : ±0
43 : #ab8626 : +10
53 : #ab9c26 : +20
63 : #a5ab26 : +30
73 : #8eab26 : +40
83 : #78ab26 : +50
93 : #62ab26 : +60
103 : #4cab26 : +70
113 : #35ab26 : +80
123 : #26ab2c : +90
133 : #26ab43 : +100
143 : #26ab59 : +110
153 : #26ab6f : +120
163 : #26ab86 : +130
173 : #26ab9c : +140
183 : #26a5ab : +150
193 : #268eab : +160
203 : #2678ab : +170
213 : #2662ab : +180
223 : #264cab : +190
233 : #2635ab : +200
243 : #2c26ab : +210
253 : #4326ab : +220
263 : #5926ab : +230
273 : #6f26ab : +240
283 : #8626ab : +250
293 : #9c26ab : +260
303 : #ab26a5 : +270
313 : #ab268e : +280
323 : #ab2678 : +290
333 : #ab2662 : +300
343 : #ab264c : +310
353 : #ab2635 : +320
23 : #ab5926 : -10
24 : #ab5b26 : -9
25 : #ab5d26 : -8
26 : #ab6026 : -7
27 : #ab6226 : -6
28 : #ab6426 : -5
29 : #ab6626 : -4
30 : #ab6926 : -3
31 : #ab6b26 : -2
32 : #ab6d26 : -1
33 : #ab6f26 : ±0
34 : #ab7126 : +1
35 : #ab7426 : +2
36 : #ab7626 : +3
37 : #ab7826 : +4
38 : #ab7a26 : +5
39 : #ab7d26 : +6
40 : #ab7f26 : +7
41 : #ab8126 : +8
42 : #ab8326 : +9
43 : #ab8626 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #686868 : -64
2 : #6b6966 : -62
4 : #6d6964 : -60
6 : #6f6962 : -58
8 : #716960 : -56
10 : #736a5e : -54
12 : #756a5c : -52
14 : #776a5a : -50
16 : #796a58 : -48
18 : #7b6a56 : -46
20 : #7d6b54 : -44
22 : #806b52 : -42
24 : #826b4f : -40
26 : #846b4d : -38
28 : #866b4b : -36
30 : #886c49 : -34
32 : #8a6c47 : -32
34 : #8c6c45 : -30
36 : #8e6c43 : -28
38 : #906d41 : -26
40 : #926d3f : -24
42 : #946d3d : -22
44 : #976d3b : -20
46 : #996d38 : -18
48 : #9b6e36 : -16
50 : #9d6e34 : -14
52 : #9f6e32 : -12
54 : #a16e30 : -10
56 : #a36e2e : -8
58 : #a56f2c : -6
60 : #a76f2a : -4
62 : #a96f28 : -2
64 : #ab6f26 : ±0
66 : #ae6f24 : +2
68 : #b07021 : +4
70 : #b2701f : +6
72 : #b4701d : +8
74 : #b6701b : +10
76 : #b87019 : +12
78 : #ba7117 : +14
80 : #bc7115 : +16
82 : #be7113 : +18
84 : #c07111 : +20
86 : #c2720f : +22
88 : #c5720d : +24
90 : #c7720a : +26
92 : #c97208 : +28
94 : #cb7206 : +30
96 : #cd7304 : +32
98 : #cf7302 : +34
100 : #d17300 : +36
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -40
3 : #0d0803 : -38
5 : #150e05 : -36
7 : #1d1306 : -34
9 : #261808 : -32
11 : #2e1e0a : -30
13 : #36230c : -28
15 : #3f290e : -26
17 : #472e10 : -24
19 : #4f3411 : -22
21 : #583913 : -20
23 : #603e15 : -18
25 : #694417 : -16
27 : #714919 : -14
29 : #794f1b : -12
31 : #82541c : -10
33 : #8a5a1e : -8
35 : #925f20 : -6
37 : #9b6422 : -4
39 : #a36a24 : -2
41 : #ab6f26 : ±0
43 : #b47527 : +2
45 : #bc7a29 : +4
47 : #c5802b : +6
49 : #cd852d : +8
51 : #d28a32 : +10
53 : #d48f3a : +12
55 : #d69443 : +14
57 : #d8984b : +16
59 : #d99d54 : +18
61 : #dba25c : +20
63 : #dda764 : +22
65 : #dfab6d : +24
67 : #e1b075 : +26
69 : #e3b57d : +28
71 : #e4ba86 : +30
73 : #e6bf8e : +32
75 : #e8c396 : +34
77 : #eac89f : +36
79 : #eccda7 : +38
81 : #eed2b0 : +40
83 : #efd6b8 : +42
85 : #f1dbc0 : +44
87 : #f3e0c9 : +46
89 : #f5e5d1 : +48
91 : #f7ead9 : +50
93 : #f9eee2 : +52
95 : #faf3ea : +54
97 : #fcf8f2 : +56
99 : #fefdfb : +58
CSS入門、作ってます。
text-shadow