#d39a31
RGB ( 赤 = 211, 緑 = 154, 青 = 49 )
HSL ( 色相 = 39°, 彩度 = 65%, 明度 = 51% )
H : 色相 ( 39° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #d34931 : -30
19 : #d36431 : -20
29 : #d37f31 : -10
39 : #d39a31 : ±0
49 : #d3b531 : +10
59 : #d3d131 : +20
69 : #bbd331 : +30
79 : #a0d331 : +40
89 : #85d331 : +50
99 : #6ad331 : +60
109 : #4fd331 : +70
119 : #34d331 : +80
129 : #31d349 : +90
139 : #31d364 : +100
149 : #31d37f : +110
159 : #31d39a : +120
169 : #31d3b5 : +130
179 : #31d3d1 : +140
189 : #31bbd3 : +150
199 : #31a0d3 : +160
209 : #3185d3 : +170
219 : #316ad3 : +180
229 : #314fd3 : +190
239 : #3134d3 : +200
249 : #4931d3 : +210
259 : #6431d3 : +220
269 : #7f31d3 : +230
279 : #9a31d3 : +240
289 : #b531d3 : +250
299 : #d131d3 : +260
309 : #d331bb : +270
319 : #d331a0 : +280
329 : #d33185 : +290
339 : #d3316a : +300
349 : #d3314f : +310
359 : #d33134 : +320
29 : #d37f31 : -10
30 : #d38231 : -9
31 : #d38531 : -8
32 : #d38731 : -7
33 : #d38a31 : -6
34 : #d38d31 : -5
35 : #d39031 : -4
36 : #d39231 : -3
37 : #d39531 : -2
38 : #d39831 : -1
39 : #d39a31 : ±0
40 : #d39d31 : +1
41 : #d3a031 : +2
42 : #d3a331 : +3
43 : #d3a531 : +4
44 : #d3a831 : +5
45 : #d3ab31 : +6
46 : #d3ad31 : +7
47 : #d3b031 : +8
48 : #d3b331 : +9
49 : #d3b531 : +10
S : 彩度 ( 65% )
(0%) 渋い ~ 鮮やか (100%)
1 : #838281 : -64
3 : #86837e : -62
5 : #88847c : -60
7 : #8b8579 : -58
9 : #8d8577 : -56
11 : #908674 : -54
13 : #928772 : -52
15 : #95886f : -50
17 : #97886d : -48
19 : #9a896a : -46
21 : #9c8a68 : -44
23 : #9f8b65 : -42
25 : #a18b63 : -40
27 : #a48c60 : -38
29 : #a68d5e : -36
31 : #a98e5b : -34
33 : #ab8e59 : -32
35 : #ae8f56 : -30
37 : #b09054 : -28
39 : #b39151 : -26
41 : #b5914f : -24
43 : #b8924c : -22
45 : #ba934a : -20
47 : #bd9447 : -18
49 : #bf9445 : -16
51 : #c29542 : -14
53 : #c49640 : -12
55 : #c7973d : -10
57 : #c9973b : -8
59 : #cc9838 : -6
61 : #ce9936 : -4
63 : #d19a33 : -2
65 : #d39a31 : ±0
67 : #d69b2e : +2
69 : #d89c2c : +4
71 : #db9d29 : +6
73 : #dd9d27 : +8
75 : #e09e24 : +10
77 : #e29f22 : +12
79 : #e5a01f : +14
81 : #e7a01d : +16
83 : #eaa11a : +18
85 : #eca218 : +20
87 : #efa315 : +22
89 : #f1a313 : +24
91 : #f4a410 : +26
93 : #f6a50e : +28
95 : #f9a60b : +30
97 : #fba609 : +32
99 : #fea706 : +34
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -50
3 : #0d0903 : -48
5 : #150f04 : -46
7 : #1d1506 : -44
9 : #261b08 : -42
11 : #2e220a : -40
13 : #37280c : -38
15 : #3f2e0d : -36
17 : #48340f : -34
19 : #503a11 : -32
21 : #584013 : -30
23 : #614615 : -28
25 : #694c16 : -26
27 : #725218 : -24
29 : #7a581a : -22
31 : #825e1c : -20
33 : #8b651d : -18
35 : #936b1f : -16
37 : #9c7121 : -14
39 : #a47723 : -12
41 : #ad7d25 : -10
43 : #b58326 : -8
45 : #bd8928 : -6
47 : #c68f2a : -4
49 : #ce952c : -2
51 : #d39a31 : ±0
53 : #d59f39 : +2
55 : #d7a342 : +4
57 : #d9a74a : +6
59 : #daab52 : +8
61 : #dcaf5b : +10
63 : #deb363 : +12
65 : #e0b76c : +14
67 : #e2bb74 : +16
69 : #e3bf7d : +18
71 : #e5c385 : +20
73 : #e7c88d : +22
75 : #e9cc96 : +24
77 : #ead09e : +26
79 : #ecd4a7 : +28
81 : #eed8af : +30
83 : #f0dcb7 : +32
85 : #f2e0c0 : +34
87 : #f3e4c8 : +36
89 : #f5e8d1 : +38
91 : #f7edd9 : +40
93 : #f9f1e2 : +42
95 : #fbf5ea : +44
97 : #fcf9f2 : +46
99 : #fefdfb : +48
CSS入門、作ってます。
text-shadow