#ab5726
RGB ( 赤 = 171, 緑 = 87, 青 = 38 )
HSL ( 色相 = 22°, 彩度 = 64%, 明度 = 41% )
H : 色相 ( 22° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #ab2a26 : -20
12 : #ab4026 : -10
22 : #ab5726 : ±0
32 : #ab6d26 : +10
42 : #ab8326 : +20
52 : #ab9a26 : +30
62 : #a7ab26 : +40
72 : #91ab26 : +50
82 : #7aab26 : +60
92 : #64ab26 : +70
102 : #4eab26 : +80
112 : #37ab26 : +90
122 : #26ab2a : +100
132 : #26ab40 : +110
142 : #26ab57 : +120
152 : #26ab6d : +130
162 : #26ab83 : +140
172 : #26ab9a : +150
182 : #26a7ab : +160
192 : #2691ab : +170
202 : #267aab : +180
212 : #2664ab : +190
222 : #264eab : +200
232 : #2637ab : +210
242 : #2a26ab : +220
252 : #4026ab : +230
262 : #5726ab : +240
272 : #6d26ab : +250
282 : #8326ab : +260
292 : #9a26ab : +270
302 : #ab26a7 : +280
312 : #ab2691 : +290
322 : #ab267a : +300
332 : #ab2664 : +310
342 : #ab264e : +320
352 : #ab2637 : +330
12 : #ab4026 : -10
13 : #ab4326 : -9
14 : #ab4526 : -8
15 : #ab4726 : -7
16 : #ab4926 : -6
17 : #ab4c26 : -5
18 : #ab4e26 : -4
19 : #ab5026 : -3
20 : #ab5226 : -2
21 : #ab5426 : -1
22 : #ab5726 : ±0
23 : #ab5926 : +1
24 : #ab5b26 : +2
25 : #ab5d26 : +3
26 : #ab6026 : +4
27 : #ab6226 : +5
28 : #ab6426 : +6
29 : #ab6626 : +7
30 : #ab6926 : +8
31 : #ab6b26 : +9
32 : #ab6d26 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #686868 : -64
2 : #6b6866 : -62
4 : #6d6764 : -60
6 : #6f6762 : -58
8 : #716660 : -56
10 : #73665e : -54
12 : #75655c : -52
14 : #77655a : -50
16 : #796458 : -48
18 : #7b6456 : -46
20 : #7d6354 : -44
22 : #806252 : -42
24 : #82624f : -40
26 : #84614d : -38
28 : #86614b : -36
30 : #886049 : -34
32 : #8a6047 : -32
34 : #8c5f45 : -30
36 : #8e5f43 : -28
38 : #905e41 : -26
40 : #925d3f : -24
42 : #945d3d : -22
44 : #975c3b : -20
46 : #995c38 : -18
48 : #9b5b36 : -16
50 : #9d5b34 : -14
52 : #9f5a32 : -12
54 : #a15930 : -10
56 : #a3592e : -8
58 : #a5582c : -6
60 : #a7582a : -4
62 : #a95728 : -2
64 : #ab5726 : ±0
66 : #ae5624 : +2
68 : #b05621 : +4
70 : #b2551f : +6
72 : #b4541d : +8
74 : #b6541b : +10
76 : #b85319 : +12
78 : #ba5317 : +14
80 : #bc5215 : +16
82 : #be5213 : +18
84 : #c05111 : +20
86 : #c2510f : +22
88 : #c5500d : +24
90 : #c74f0a : +26
92 : #c94f08 : +28
94 : #cb4e06 : +30
96 : #cd4e04 : +32
98 : #cf4d02 : +34
100 : #d14d00 : +36
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -40
3 : #0d0603 : -38
5 : #150b05 : -36
7 : #1d0f06 : -34
9 : #261308 : -32
11 : #2e170a : -30
13 : #361b0c : -28
15 : #3f200e : -26
17 : #472410 : -24
19 : #4f2811 : -22
21 : #582c13 : -20
23 : #603115 : -18
25 : #693517 : -16
27 : #713919 : -14
29 : #793d1b : -12
31 : #82421c : -10
33 : #8a461e : -8
35 : #924a20 : -6
37 : #9b4e22 : -4
39 : #a35224 : -2
41 : #ab5726 : ±0
43 : #b45b27 : +2
45 : #bc5f29 : +4
47 : #c5632b : +6
49 : #cd682d : +8
51 : #d26d32 : +10
53 : #d4733a : +12
55 : #d67943 : +14
57 : #d87f4b : +16
59 : #d98554 : +18
61 : #db8b5c : +20
63 : #dd9164 : +22
65 : #df976d : +24
67 : #e19c75 : +26
69 : #e3a27d : +28
71 : #e4a886 : +30
73 : #e6ae8e : +32
75 : #e8b496 : +34
77 : #eaba9f : +36
79 : #ecc0a7 : +38
81 : #eec6b0 : +40
83 : #efccb8 : +42
85 : #f1d2c0 : +44
87 : #f3d8c9 : +46
89 : #f5ded1 : +48
91 : #f7e4d9 : +50
93 : #f9eae2 : +52
95 : #faf0ea : +54
97 : #fcf6f2 : +56
99 : #fefcfb : +58
CSS入門、作ってます。
text-shadow