#b49d2d
RGB ( 赤 = 180, 緑 = 157, 青 = 45 )
HSL ( 色相 = 50°, 彩度 = 60%, 明度 = 44% )
H : 色相 ( 50° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #b42d2d : -50
10 : #b4432d : -40
20 : #b45a2d : -30
30 : #b4702d : -20
40 : #b4872d : -10
50 : #b49d2d : ±0
60 : #b4b42d : +10
70 : #9db42d : +20
80 : #87b42d : +30
90 : #70b42d : +40
100 : #5ab42d : +50
110 : #43b42d : +60
120 : #2db42d : +70
130 : #2db443 : +80
140 : #2db45a : +90
150 : #2db470 : +100
160 : #2db487 : +110
170 : #2db49d : +120
180 : #2db4b4 : +130
190 : #2d9db4 : +140
200 : #2d87b4 : +150
210 : #2d70b4 : +160
220 : #2d5ab4 : +170
230 : #2d43b4 : +180
240 : #2d2db4 : +190
250 : #432db4 : +200
260 : #5a2db4 : +210
270 : #702db4 : +220
280 : #872db4 : +230
290 : #9d2db4 : +240
300 : #b42db4 : +250
310 : #b42d9d : +260
320 : #b42d87 : +270
330 : #b42d70 : +280
340 : #b42d5a : +290
350 : #b42d43 : +300
40 : #b4872d : -10
41 : #b4892d : -9
42 : #b48b2d : -8
43 : #b48d2d : -7
44 : #b4902d : -6
45 : #b4922d : -5
46 : #b4942d : -4
47 : #b4962d : -3
48 : #b4992d : -2
49 : #b49b2d : -1
50 : #b49d2d : ±0
51 : #b49f2d : +1
52 : #b4a22d : +2
53 : #b4a42d : +3
54 : #b4a62d : +4
55 : #b4a82d : +5
56 : #b4ab2d : +6
57 : #b4ad2d : +7
58 : #b4af2d : +8
59 : #b4b12d : +9
60 : #b4b42d : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -60
2 : #72726e : -58
4 : #75736c : -56
6 : #777569 : -54
8 : #797667 : -52
10 : #7b7865 : -50
12 : #7e7963 : -48
14 : #807b60 : -46
16 : #827c5e : -44
18 : #847e5c : -42
20 : #877f5a : -40
22 : #898158 : -38
24 : #8b8255 : -36
26 : #8d8453 : -34
28 : #908551 : -32
30 : #92874f : -30
32 : #94884c : -28
34 : #968a4a : -26
36 : #998b48 : -24
38 : #9b8d46 : -22
40 : #9d8e43 : -20
42 : #9f9041 : -18
44 : #a2913f : -16
46 : #a4933d : -14
48 : #a6943a : -12
50 : #a89638 : -10
52 : #ab9736 : -8
54 : #ad9934 : -6
56 : #af9a31 : -4
58 : #b19c2f : -2
60 : #b49d2d : ±0
62 : #b69f2b : +2
64 : #b8a028 : +4
66 : #baa226 : +6
68 : #bca324 : +8
70 : #bfa522 : +10
72 : #c1a61f : +12
74 : #c3a81d : +14
76 : #c5a91b : +16
78 : #c8ab19 : +18
80 : #caac16 : +20
82 : #ccae14 : +22
84 : #ceaf12 : +24
86 : #d1b110 : +26
88 : #d3b20d : +28
90 : #d5b40b : +30
92 : #d7b509 : +32
94 : #dab707 : +34
96 : #dcb804 : +36
98 : #deba02 : +38
100 : #e0bb00 : +40
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #080702 : -42
4 : #100e04 : -40
6 : #181506 : -38
8 : #211d08 : -36
10 : #29240a : -34
12 : #312b0c : -32
14 : #39320e : -30
16 : #413910 : -28
18 : #494012 : -26
20 : #524714 : -24
22 : #5a4f16 : -22
24 : #625618 : -20
26 : #6a5d1b : -18
28 : #72641d : -16
30 : #7a6b1f : -14
32 : #837221 : -12
34 : #8b7923 : -10
36 : #938125 : -8
38 : #9b8827 : -6
40 : #a38f29 : -4
42 : #ab962b : -2
44 : #b49d2d : ±0
46 : #bca42f : +2
48 : #c4ab31 : +4
50 : #ccb333 : +6
52 : #ceb63b : +8
54 : #d0b943 : +10
56 : #d2bc4b : +12
58 : #d4bf54 : +14
60 : #d6c25c : +16
62 : #d8c564 : +18
64 : #dac86c : +20
66 : #dccb74 : +22
68 : #dece7c : +24
70 : #e0d185 : +26
72 : #e2d48d : +28
74 : #e4d795 : +30
76 : #e7da9d : +32
78 : #e9dda5 : +34
80 : #ebe0ad : +36
82 : #ede3b6 : +38
84 : #efe7be : +40
86 : #f1eac6 : +42
88 : #f3edce : +44
90 : #f5f0d6 : +46
92 : #f7f3de : +48
94 : #f9f6e7 : +50
96 : #fbf9ef : +52
98 : #fdfcf7 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow