#ba9345
RGB ( 赤 = 186, 緑 = 147, 青 = 69 )
HSL ( 色相 = 40°, 彩度 = 46%, 明度 = 50% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ba4545 : -40
10 : #ba5845 : -30
20 : #ba6c45 : -20
30 : #ba8045 : -10
40 : #ba9345 : ±0
50 : #baa745 : +10
60 : #baba45 : +20
70 : #a7ba45 : +30
80 : #93ba45 : +40
90 : #80ba45 : +50
100 : #6cba45 : +60
110 : #58ba45 : +70
120 : #45ba45 : +80
130 : #45ba58 : +90
140 : #45ba6c : +100
150 : #45ba80 : +110
160 : #45ba93 : +120
170 : #45baa7 : +130
180 : #45baba : +140
190 : #45a7ba : +150
200 : #4593ba : +160
210 : #4580ba : +170
220 : #456cba : +180
230 : #4558ba : +190
240 : #4545ba : +200
250 : #5845ba : +210
260 : #6c45ba : +220
270 : #8045ba : +230
280 : #9345ba : +240
290 : #a745ba : +250
300 : #ba45ba : +260
310 : #ba45a7 : +270
320 : #ba4593 : +280
330 : #ba4580 : +290
340 : #ba456c : +300
350 : #ba4558 : +310
30 : #ba8045 : -10
31 : #ba8145 : -9
32 : #ba8345 : -8
33 : #ba8545 : -7
34 : #ba8745 : -6
35 : #ba8945 : -5
36 : #ba8b45 : -4
37 : #ba8d45 : -3
38 : #ba8f45 : -2
39 : #ba9145 : -1
40 : #ba9345 : ±0
41 : #ba9545 : +1
42 : #ba9745 : +2
43 : #ba9945 : +3
44 : #ba9b45 : +4
45 : #ba9d45 : +5
46 : #ba9f45 : +6
47 : #baa145 : +7
48 : #baa345 : +8
49 : #baa545 : +9
50 : #baa745 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -46
2 : #82807d : -44
4 : #85817a : -42
6 : #878278 : -40
8 : #8a8375 : -38
10 : #8c8473 : -36
12 : #8f8570 : -34
14 : #91856e : -32
16 : #94866b : -30
18 : #968769 : -28
20 : #998866 : -26
22 : #9c8963 : -24
24 : #9e8a61 : -22
26 : #a18b5e : -20
28 : #a38b5c : -18
30 : #a68c59 : -16
32 : #a88d57 : -14
34 : #ab8e54 : -12
36 : #ad8f52 : -10
38 : #b0904f : -8
40 : #b3914d : -6
42 : #b5914a : -4
44 : #b89247 : -2
46 : #ba9345 : ±0
48 : #bd9442 : +2
50 : #bf9540 : +4
52 : #c2963d : +6
54 : #c4963b : +8
56 : #c79738 : +10
58 : #c99836 : +12
60 : #cc9933 : +14
62 : #cf9a30 : +16
64 : #d19b2e : +18
66 : #d49c2b : +20
68 : #d69c29 : +22
70 : #d99d26 : +24
72 : #db9e24 : +26
74 : #de9f21 : +28
76 : #e0a01f : +30
78 : #e3a11c : +32
80 : #e6a21a : +34
82 : #e8a217 : +36
84 : #eba314 : +38
86 : #eda412 : +40
88 : #f0a50f : +42
90 : #f2a60d : +44
92 : #f5a70a : +46
94 : #f7a708 : +48
96 : #faa805 : +50
98 : #fca903 : +52
100 : #ffaa00 : +54
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #070603 : -48
4 : #0f0c06 : -46
6 : #161208 : -44
8 : #1e180b : -42
10 : #251d0e : -40
12 : #2d2311 : -38
14 : #342913 : -36
16 : #3c2f16 : -34
18 : #433519 : -32
20 : #4a3b1c : -30
22 : #52411e : -28
24 : #594721 : -26
26 : #614c24 : -24
28 : #685227 : -22
30 : #705829 : -20
32 : #775e2c : -18
34 : #7f642f : -16
36 : #866a32 : -14
38 : #8d7034 : -12
40 : #957637 : -10
42 : #9c7c3a : -8
44 : #a4813d : -6
46 : #ab873f : -4
48 : #b38d42 : -2
50 : #ba9345 : ±0
52 : #bd974c : +2
54 : #c09c54 : +4
56 : #c2a05b : +6
58 : #c5a463 : +8
60 : #c8a96a : +10
62 : #cbad72 : +12
64 : #cdb179 : +14
66 : #d0b680 : +16
68 : #d3ba88 : +18
70 : #d6be8f : +20
72 : #d8c397 : +22
74 : #dbc79e : +24
76 : #decba6 : +26
78 : #e1d0ad : +28
80 : #e3d4b5 : +30
82 : #e6d8bc : +32
84 : #e9dcc3 : +34
86 : #ece1cb : +36
88 : #eee5d2 : +38
90 : #f1e9da : +40
92 : #f4eee1 : +42
94 : #f7f2e9 : +44
96 : #f9f6f0 : +46
98 : #fcfbf8 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow