#3a3222
RGB ( 赤 = 58, 緑 = 50, 青 = 34 )
HSL ( 色相 = 40°, 彩度 = 26%, 明度 = 18% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #3a2222 : -40
10 : #3a2622 : -30
20 : #3a2a22 : -20
30 : #3a2e22 : -10
40 : #3a3222 : ±0
50 : #3a3622 : +10
60 : #3a3a22 : +20
70 : #363a22 : +30
80 : #323a22 : +40
90 : #2e3a22 : +50
100 : #2a3a22 : +60
110 : #263a22 : +70
120 : #223a22 : +80
130 : #223a26 : +90
140 : #223a2a : +100
150 : #223a2e : +110
160 : #223a32 : +120
170 : #223a36 : +130
180 : #223a3a : +140
190 : #22363a : +150
200 : #22323a : +160
210 : #222e3a : +170
220 : #222a3a : +180
230 : #22263a : +190
240 : #22223a : +200
250 : #26223a : +210
260 : #2a223a : +220
270 : #2e223a : +230
280 : #32223a : +240
290 : #36223a : +250
300 : #3a223a : +260
310 : #3a2236 : +270
320 : #3a2232 : +280
330 : #3a222e : +290
340 : #3a222a : +300
350 : #3a2226 : +310
30 : #3a2e22 : -10
31 : #3a2e22 : -9
32 : #3a2f22 : -8
33 : #3a2f22 : -7
34 : #3a2f22 : -6
35 : #3a3022 : -5
36 : #3a3022 : -4
37 : #3a3122 : -3
38 : #3a3122 : -2
39 : #3a3122 : -1
40 : #3a3222 : ±0
41 : #3a3222 : +1
42 : #3a3322 : +2
43 : #3a3322 : +3
44 : #3a3322 : +4
45 : #3a3422 : +5
46 : #3a3422 : +6
47 : #3a3522 : +7
48 : #3a3522 : +8
49 : #3a3522 : +9
50 : #3a3622 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -26
2 : #2f2e2d : -24
4 : #302f2c : -22
6 : #312f2b : -20
8 : #322f2a : -18
10 : #322f29 : -16
12 : #333028 : -14
14 : #343027 : -12
16 : #353027 : -10
18 : #363126 : -8
20 : #373125 : -6
22 : #383124 : -4
24 : #393223 : -2
26 : #3a3222 : ±0
28 : #3b3221 : +2
30 : #3c3220 : +4
32 : #3d331f : +6
34 : #3e331e : +8
36 : #3e331d : +10
38 : #3f341c : +12
40 : #40341c : +14
42 : #41341b : +16
44 : #42351a : +18
46 : #433519 : +20
48 : #443518 : +22
50 : #453617 : +24
52 : #463616 : +26
54 : #473615 : +28
56 : #483614 : +30
58 : #493713 : +32
60 : #493712 : +34
62 : #4a3711 : +36
64 : #4b3811 : +38
66 : #4c3810 : +40
68 : #4d380f : +42
70 : #4e390e : +44
72 : #4f390d : +46
74 : #50390c : +48
76 : #513a0b : +50
78 : #523a0a : +52
80 : #533a09 : +54
82 : #543a08 : +56
84 : #543b07 : +58
86 : #553b06 : +60
88 : #563b06 : +62
90 : #573c05 : +64
92 : #583c04 : +66
94 : #593c03 : +68
96 : #5a3d02 : +70
98 : #5b3d01 : +72
100 : #5c3d00 : +74
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #060604 : -16
4 : #0d0b08 : -14
6 : #13110b : -12
8 : #1a160f : -10
10 : #201c13 : -8
12 : #272117 : -6
14 : #2d271a : -4
16 : #332c1e : -2
18 : #3a3222 : ±0
20 : #403726 : +2
22 : #473d2a : +4
24 : #4d432d : +6
26 : #544831 : +8
28 : #5a4e35 : +10
30 : #605339 : +12
32 : #67593c : +14
34 : #6d5e40 : +16
36 : #746444 : +18
38 : #7a6948 : +20
40 : #816f4b : +22
42 : #87744f : +24
44 : #8d7a53 : +26
46 : #947f57 : +28
48 : #9a855b : +30
50 : #a18b5e : +32
52 : #a48f65 : +34
54 : #a8946b : +36
56 : #ac9972 : +38
58 : #b09d78 : +40
60 : #b4a27e : +42
62 : #b7a685 : +44
64 : #bbab8b : +46
66 : #bfb092 : +48
68 : #c3b498 : +50
70 : #c6b99f : +52
72 : #cabea5 : +54
74 : #cec2ab : +56
76 : #d2c7b2 : +58
78 : #d5ccb8 : +60
80 : #d9d0bf : +62
82 : #ddd5c5 : +64
84 : #e1dacc : +66
86 : #e5ded2 : +68
88 : #e8e3d8 : +70
90 : #ece8df : +72
92 : #f0ece5 : +74
94 : #f4f1ec : +76
96 : #f7f6f2 : +78
98 : #fbfaf9 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow