#d4a22c
RGB ( 赤 = 212, 緑 = 162, 青 = 44 )
HSL ( 色相 = 42°, 彩度 = 66%, 明度 = 50% )
H : 色相 ( 42° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #d4312b : -40
12 : #d44d2b : -30
22 : #d4692b : -20
32 : #d4852b : -10
42 : #d4a12b : ±0
52 : #d4bd2b : +10
62 : #ced42b : +20
72 : #b2d42b : +30
82 : #96d42b : +40
92 : #7ad42b : +50
102 : #5ed42b : +60
112 : #42d42b : +70
122 : #2bd431 : +80
132 : #2bd44d : +90
142 : #2bd469 : +100
152 : #2bd485 : +110
162 : #2bd4a1 : +120
172 : #2bd4bd : +130
182 : #2bced4 : +140
192 : #2bb2d4 : +150
202 : #2b96d4 : +160
212 : #2b7ad4 : +170
222 : #2b5ed4 : +180
232 : #2b42d4 : +190
242 : #312bd4 : +200
252 : #4d2bd4 : +210
262 : #692bd4 : +220
272 : #852bd4 : +230
282 : #a12bd4 : +240
292 : #bd2bd4 : +250
302 : #d42bce : +260
312 : #d42bb2 : +270
322 : #d42b96 : +280
332 : #d42b7a : +290
342 : #d42b5e : +300
352 : #d42b42 : +310
32 : #d4852b : -10
33 : #d4882b : -9
34 : #d48b2b : -8
35 : #d48e2b : -7
36 : #d4902b : -6
37 : #d4932b : -5
38 : #d4962b : -4
39 : #d4992b : -3
40 : #d49c2b : -2
41 : #d49e2b : -1
42 : #d4a12b : ±0
43 : #d4a42b : +1
44 : #d4a72b : +2
45 : #d4aa2b : +3
46 : #d4ac2b : +4
47 : #d4af2b : +5
48 : #d4b22b : +6
49 : #d4b52b : +7
50 : #d4b82b : +8
51 : #d4ba2b : +9
52 : #d4bd2b : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -66
2 : #82817d : -64
4 : #85827a : -62
6 : #878378 : -60
8 : #8a8475 : -58
10 : #8c8573 : -56
12 : #8f8670 : -54
14 : #91876e : -52
16 : #94886b : -50
18 : #968969 : -48
20 : #998a66 : -46
22 : #9c8b63 : -44
24 : #9e8c61 : -42
26 : #a18d5e : -40
28 : #a38e5c : -38
30 : #a68f59 : -36
32 : #a89057 : -34
34 : #ab9154 : -32
36 : #ad9252 : -30
38 : #b0934f : -28
40 : #b3944d : -26
42 : #b5954a : -24
44 : #b89647 : -22
46 : #ba9745 : -20
48 : #bd9842 : -18
50 : #bf9940 : -16
52 : #c29a3d : -14
54 : #c49b3b : -12
56 : #c79c38 : -10
58 : #c99d36 : -8
60 : #cc9e33 : -6
62 : #cf9f30 : -4
64 : #d1a02e : -2
66 : #d4a12b : ±0
68 : #d6a229 : +2
70 : #d9a326 : +4
72 : #dba424 : +6
74 : #dea521 : +8
76 : #e0a61f : +10
78 : #e3a71c : +12
80 : #e6a81a : +14
82 : #e8a917 : +16
84 : #ebaa14 : +18
86 : #edab12 : +20
88 : #f0ac0f : +22
90 : #f2ad0d : +24
92 : #f5ae0a : +26
94 : #f7af08 : +28
96 : #fab005 : +30
98 : #fcb103 : +32
100 : #ffb300 : +34
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #080602 : -48
4 : #110d03 : -46
6 : #191305 : -44
8 : #221a07 : -42
10 : #2a2009 : -40
12 : #33270a : -38
14 : #3b2d0c : -36
16 : #44340e : -34
18 : #4c3a10 : -32
20 : #554011 : -30
22 : #5d4713 : -28
24 : #664d15 : -26
26 : #6e5417 : -24
28 : #775a18 : -22
30 : #7f611a : -20
32 : #87671c : -18
34 : #906e1d : -16
36 : #98741f : -14
38 : #a17a21 : -12
40 : #a98123 : -10
42 : #b28724 : -8
44 : #ba8e26 : -6
46 : #c39428 : -4
48 : #cb9b2a : -2
50 : #d4a12b : ±0
52 : #d5a534 : +2
54 : #d7a93c : +4
56 : #d9ac45 : +6
58 : #dbb04d : +8
60 : #dcb456 : +10
62 : #deb85e : +12
64 : #e0bb67 : +14
66 : #e2bf6f : +16
68 : #e3c378 : +18
70 : #e5c780 : +20
72 : #e7ca88 : +22
74 : #e8ce91 : +24
76 : #ead299 : +26
78 : #ecd6a2 : +28
80 : #eed9aa : +30
82 : #efddb3 : +32
84 : #f1e1bb : +34
86 : #f3e5c4 : +36
88 : #f5e8cc : +38
90 : #f6ecd5 : +40
92 : #f8f0dd : +42
94 : #faf4e6 : +44
96 : #fcf7ee : +46
98 : #fdfbf7 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow