#ab762b
RGB ( 赤 = 171, 緑 = 118, 青 = 43 )
HSL ( 色相 = 35°, 彩度 = 60%, 明度 = 42% )
H : 色相 ( 35° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ab362b : -30
15 : #ab4b2b : -20
25 : #ab602b : -10
35 : #ab762b : ±0
45 : #ab8b2b : +10
55 : #aba12b : +20
65 : #a1ab2b : +30
75 : #8bab2b : +40
85 : #76ab2b : +50
95 : #60ab2b : +60
105 : #4bab2b : +70
115 : #36ab2b : +80
125 : #2bab36 : +90
135 : #2bab4b : +100
145 : #2bab60 : +110
155 : #2bab76 : +120
165 : #2bab8b : +130
175 : #2baba1 : +140
185 : #2ba1ab : +150
195 : #2b8bab : +160
205 : #2b76ab : +170
215 : #2b60ab : +180
225 : #2b4bab : +190
235 : #2b36ab : +200
245 : #362bab : +210
255 : #4b2bab : +220
265 : #602bab : +230
275 : #762bab : +240
285 : #8b2bab : +250
295 : #a12bab : +260
305 : #ab2ba1 : +270
315 : #ab2b8b : +280
325 : #ab2b76 : +290
335 : #ab2b60 : +300
345 : #ab2b4b : +310
355 : #ab2b36 : +320
25 : #ab602b : -10
26 : #ab632b : -9
27 : #ab652b : -8
28 : #ab672b : -7
29 : #ab692b : -6
30 : #ab6b2b : -5
31 : #ab6d2b : -4
32 : #ab6f2b : -3
33 : #ab722b : -2
34 : #ab742b : -1
35 : #ab762b : ±0
36 : #ab782b : +1
37 : #ab7a2b : +2
38 : #ab7c2b : +3
39 : #ab7e2b : +4
40 : #ab812b : +5
41 : #ab832b : +6
42 : #ab852b : +7
43 : #ab872b : +8
44 : #ab892b : +9
45 : #ab8b2b : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -60
2 : #6d6b69 : -58
4 : #6f6c67 : -56
6 : #726c65 : -54
8 : #746d63 : -52
10 : #766d60 : -50
12 : #786d5e : -48
14 : #7a6e5c : -46
16 : #7c6e5a : -44
18 : #7e6e58 : -42
20 : #816f56 : -40
22 : #836f54 : -38
24 : #856f51 : -36
26 : #87704f : -34
28 : #89704d : -32
30 : #8b704b : -30
32 : #8d7149 : -28
34 : #907147 : -26
36 : #927245 : -24
38 : #947242 : -22
40 : #967240 : -20
42 : #98733e : -18
44 : #9a733c : -16
46 : #9c733a : -14
48 : #9f7438 : -12
50 : #a17436 : -10
52 : #a37433 : -8
54 : #a57531 : -6
56 : #a7752f : -4
58 : #a9752d : -2
60 : #ab762b : ±0
62 : #ae7629 : +2
64 : #b07727 : +4
66 : #b27724 : +6
68 : #b47722 : +8
70 : #b67820 : +10
72 : #b8781e : +12
74 : #ba781c : +14
76 : #bc791a : +16
78 : #bf7918 : +18
80 : #c17915 : +20
82 : #c37a13 : +22
84 : #c57a11 : +24
86 : #c77a0f : +26
88 : #c97b0d : +28
90 : #cb7b0b : +30
92 : #ce7c09 : +32
94 : #d07c06 : +34
96 : #d27c04 : +36
98 : #d47d02 : +38
100 : #d67d00 : +40
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #080602 : -40
4 : #100b04 : -38
6 : #181106 : -36
8 : #211608 : -34
10 : #291c0a : -32
12 : #31220c : -30
14 : #39270e : -28
16 : #412d10 : -26
18 : #493212 : -24
20 : #523814 : -22
22 : #5a3e16 : -20
24 : #624318 : -18
26 : #6a491b : -16
28 : #724f1d : -14
30 : #7a541f : -12
32 : #835a21 : -10
34 : #8b5f23 : -8
36 : #936525 : -6
38 : #9b6b27 : -4
40 : #a37029 : -2
42 : #ab762b : ±0
44 : #b47b2d : +2
46 : #bc812f : +4
48 : #c48731 : +6
50 : #cc8c33 : +8
52 : #ce913b : +10
54 : #d09543 : +12
56 : #d29a4b : +14
58 : #d49f54 : +16
60 : #d6a35c : +18
62 : #d8a864 : +20
64 : #daac6c : +22
66 : #dcb174 : +24
68 : #deb67c : +26
70 : #e0ba85 : +28
72 : #e2bf8d : +30
74 : #e4c395 : +32
76 : #e7c89d : +34
78 : #e9cda5 : +36
80 : #ebd1ad : +38
82 : #edd6b6 : +40
84 : #efdabe : +42
86 : #f1dfc6 : +44
88 : #f3e3ce : +46
90 : #f5e8d6 : +48
92 : #f7edde : +50
94 : #f9f1e7 : +52
96 : #fbf6ef : +54
98 : #fdfaf7 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow