#3f3c12
RGB ( 赤 = 63, 緑 = 60, 青 = 18 )
HSL ( 色相 = 56°, 彩度 = 56%, 明度 = 16% )
H : 色相 ( 56° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #401712 : -50
16 : #401e12 : -40
26 : #402612 : -30
36 : #402d12 : -20
46 : #403512 : -10
56 : #403d12 : ±0
66 : #3b4012 : +10
76 : #334012 : +20
86 : #2c4012 : +30
96 : #244012 : +40
106 : #1d4012 : +50
116 : #154012 : +60
126 : #124017 : +70
136 : #12401e : +80
146 : #124026 : +90
156 : #12402d : +100
166 : #124035 : +110
176 : #12403d : +120
186 : #123b40 : +130
196 : #123340 : +140
206 : #122c40 : +150
216 : #122440 : +160
226 : #121d40 : +170
236 : #121540 : +180
246 : #171240 : +190
256 : #1e1240 : +200
266 : #261240 : +210
276 : #2d1240 : +220
286 : #351240 : +230
296 : #3d1240 : +240
306 : #40123b : +250
316 : #401233 : +260
326 : #40122c : +270
336 : #401224 : +280
346 : #40121d : +290
356 : #401215 : +300
46 : #403512 : -10
47 : #403612 : -9
48 : #403712 : -8
49 : #403712 : -7
50 : #403812 : -6
51 : #403912 : -5
52 : #403a12 : -4
53 : #403a12 : -3
54 : #403b12 : -2
55 : #403c12 : -1
56 : #403d12 : ±0
57 : #403d12 : +1
58 : #403e12 : +2
59 : #403f12 : +3
60 : #404012 : +4
61 : #3f4012 : +5
62 : #3e4012 : +6
63 : #3d4012 : +7
64 : #3d4012 : +8
65 : #3c4012 : +9
66 : #3b4012 : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -56
2 : #2a2a28 : -54
4 : #2a2a27 : -52
6 : #2b2b26 : -50
8 : #2c2c26 : -48
10 : #2d2c25 : -46
12 : #2e2d24 : -44
14 : #2f2e23 : -42
16 : #2f2e22 : -40
18 : #302f21 : -38
20 : #313021 : -36
22 : #323120 : -34
24 : #33311f : -32
26 : #33321e : -30
28 : #34331d : -28
30 : #35331d : -26
32 : #36341c : -24
34 : #37351b : -22
36 : #37361a : -20
38 : #383619 : -18
40 : #393718 : -16
42 : #3a3818 : -14
44 : #3b3817 : -12
46 : #3c3916 : -10
48 : #3c3a15 : -8
50 : #3d3a14 : -6
52 : #3e3b14 : -4
54 : #3f3c13 : -2
56 : #403d12 : ±0
58 : #403d11 : +2
60 : #413e10 : +4
62 : #423f10 : +6
64 : #433f0f : +8
66 : #44400e : +10
68 : #45410d : +12
70 : #45420c : +14
72 : #46420b : +16
74 : #47430b : +18
76 : #48440a : +20
78 : #494409 : +22
80 : #494508 : +24
82 : #4a4607 : +26
84 : #4b4707 : +28
86 : #4c4706 : +30
88 : #4d4805 : +32
90 : #4e4904 : +34
92 : #4e4903 : +36
94 : #4f4a02 : +38
96 : #504b02 : +40
98 : #514b01 : +42
100 : #524c00 : +44
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #080802 : -14
4 : #100f04 : -12
6 : #181707 : -10
8 : #201e09 : -8
10 : #28260b : -6
12 : #302d0d : -4
14 : #383510 : -2
16 : #403d12 : ±0
18 : #484414 : +2
20 : #504c16 : +4
22 : #585319 : +6
24 : #5f5b1b : +8
26 : #67621d : +10
28 : #6f6a1f : +12
30 : #777222 : +14
32 : #7f7924 : +16
34 : #878126 : +18
36 : #8f8828 : +20
38 : #97902b : +22
40 : #9f982d : +24
42 : #a79f2f : +26
44 : #afa731 : +28
46 : #b7ae34 : +30
48 : #bfb636 : +32
50 : #c7bd38 : +34
52 : #c9c040 : +36
54 : #cbc348 : +38
56 : #cec550 : +40
58 : #d0c858 : +42
60 : #d2cb60 : +44
62 : #d4cd68 : +46
64 : #d7d070 : +48
66 : #d9d278 : +50
68 : #dbd580 : +52
70 : #ddd888 : +54
72 : #e0da90 : +56
74 : #e2dd98 : +58
76 : #e4e0a0 : +60
78 : #e6e2a7 : +62
80 : #e9e5af : +64
82 : #ebe7b7 : +66
84 : #edeabf : +68
86 : #efedc7 : +70
88 : #f2efcf : +72
90 : #f4f2d7 : +74
92 : #f6f5df : +76
94 : #f8f7e7 : +78
96 : #fbfaef : +80
98 : #fdfcf7 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow