#ba7045
RGB ( 赤 = 186, 緑 = 112, 青 = 69 )
HSL ( 色相 = 22°, 彩度 = 46%, 明度 = 50% )
H : 色相 ( 22° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #ba4945 : -20
12 : #ba5c45 : -10
22 : #ba7045 : ±0
32 : #ba8345 : +10
42 : #ba9745 : +20
52 : #baab45 : +30
62 : #b6ba45 : +40
72 : #a3ba45 : +50
82 : #8fba45 : +60
92 : #7cba45 : +70
102 : #68ba45 : +80
112 : #54ba45 : +90
122 : #45ba49 : +100
132 : #45ba5c : +110
142 : #45ba70 : +120
152 : #45ba83 : +130
162 : #45ba97 : +140
172 : #45baab : +150
182 : #45b6ba : +160
192 : #45a3ba : +170
202 : #458fba : +180
212 : #457cba : +190
222 : #4568ba : +200
232 : #4554ba : +210
242 : #4945ba : +220
252 : #5c45ba : +230
262 : #7045ba : +240
272 : #8345ba : +250
282 : #9745ba : +260
292 : #ab45ba : +270
302 : #ba45b6 : +280
312 : #ba45a3 : +290
322 : #ba458f : +300
332 : #ba457c : +310
342 : #ba4568 : +320
352 : #ba4554 : +330
12 : #ba5c45 : -10
13 : #ba5e45 : -9
14 : #ba6045 : -8
15 : #ba6245 : -7
16 : #ba6445 : -6
17 : #ba6645 : -5
18 : #ba6845 : -4
19 : #ba6a45 : -3
20 : #ba6c45 : -2
21 : #ba6e45 : -1
22 : #ba7045 : ±0
23 : #ba7245 : +1
24 : #ba7445 : +2
25 : #ba7645 : +3
26 : #ba7845 : +4
27 : #ba7a45 : +5
28 : #ba7c45 : +6
29 : #ba7e45 : +7
30 : #ba8045 : +8
31 : #ba8145 : +9
32 : #ba8345 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -46
2 : #827f7d : -44
4 : #857e7a : -42
6 : #877d78 : -40
8 : #8a7d75 : -38
10 : #8c7c73 : -36
12 : #8f7b70 : -34
14 : #917b6e : -32
16 : #947a6b : -30
18 : #967969 : -28
20 : #997966 : -26
22 : #9c7863 : -24
24 : #9e7761 : -22
26 : #a1775e : -20
28 : #a3765c : -18
30 : #a67559 : -16
32 : #a87557 : -14
34 : #ab7454 : -12
36 : #ad7352 : -10
38 : #b0734f : -8
40 : #b3724d : -6
42 : #b5714a : -4
44 : #b87147 : -2
46 : #ba7045 : ±0
48 : #bd6f42 : +2
50 : #bf6f40 : +4
52 : #c26e3d : +6
54 : #c46d3b : +8
56 : #c76c38 : +10
58 : #c96c36 : +12
60 : #cc6b33 : +14
62 : #cf6a30 : +16
64 : #d16a2e : +18
66 : #d4692b : +20
68 : #d66829 : +22
70 : #d96826 : +24
72 : #db6724 : +26
74 : #de6621 : +28
76 : #e0661f : +30
78 : #e3651c : +32
80 : #e6641a : +34
82 : #e86417 : +36
84 : #eb6314 : +38
86 : #ed6212 : +40
88 : #f0620f : +42
90 : #f2610d : +44
92 : #f5600a : +46
94 : #f76008 : +48
96 : #fa5f05 : +50
98 : #fc5e03 : +52
100 : #ff5e00 : +54
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #070403 : -48
4 : #0f0906 : -46
6 : #160d08 : -44
8 : #1e120b : -42
10 : #25160e : -40
12 : #2d1b11 : -38
14 : #341f13 : -36
16 : #3c2416 : -34
18 : #432819 : -32
20 : #4a2d1c : -30
22 : #52311e : -28
24 : #593621 : -26
26 : #613a24 : -24
28 : #683f27 : -22
30 : #704329 : -20
32 : #77482c : -18
34 : #7f4c2f : -16
36 : #865132 : -14
38 : #8d5534 : -12
40 : #955937 : -10
42 : #9c5e3a : -8
44 : #a4623d : -6
46 : #ab673f : -4
48 : #b36b42 : -2
50 : #ba7045 : ±0
52 : #bd764c : +2
54 : #c07b54 : +4
56 : #c2815b : +6
58 : #c58763 : +8
60 : #c88c6a : +10
62 : #cb9272 : +12
64 : #cd9879 : +14
66 : #d09e80 : +16
68 : #d3a388 : +18
70 : #d6a98f : +20
72 : #d8af97 : +22
74 : #dbb59e : +24
76 : #debaa6 : +26
78 : #e1c0ad : +28
80 : #e3c6b5 : +30
82 : #e6cbbc : +32
84 : #e9d1c3 : +34
86 : #ecd7cb : +36
88 : #eeddd2 : +38
90 : #f1e2da : +40
92 : #f4e8e1 : +42
94 : #f7eee9 : +44
96 : #f9f4f0 : +46
98 : #fcf9f8 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow