#312a22
RGB ( 赤 = 49, 緑 = 42, 青 = 34 )
HSL ( 色相 = 32°, 彩度 = 18%, 明度 = 16% )
H : 色相 ( 32° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #302221 : -30
12 : #302421 : -20
22 : #302721 : -10
32 : #302921 : ±0
42 : #302c21 : +10
52 : #302e21 : +20
62 : #303021 : +30
72 : #2d3021 : +40
82 : #2b3021 : +50
92 : #283021 : +60
102 : #263021 : +70
112 : #233021 : +80
122 : #213022 : +90
132 : #213024 : +100
142 : #213027 : +110
152 : #213029 : +120
162 : #21302c : +130
172 : #21302e : +140
182 : #213030 : +150
192 : #212d30 : +160
202 : #212b30 : +170
212 : #212830 : +180
222 : #212630 : +190
232 : #212330 : +200
242 : #222130 : +210
252 : #242130 : +220
262 : #272130 : +230
272 : #292130 : +240
282 : #2c2130 : +250
292 : #2e2130 : +260
302 : #302130 : +270
312 : #30212d : +280
322 : #30212b : +290
332 : #302128 : +300
342 : #302126 : +310
352 : #302123 : +320
22 : #302721 : -10
23 : #302721 : -9
24 : #302721 : -8
25 : #302821 : -7
26 : #302821 : -6
27 : #302821 : -5
28 : #302821 : -4
29 : #302921 : -3
30 : #302921 : -2
31 : #302921 : -1
32 : #302921 : ±0
33 : #302a21 : +1
34 : #302a21 : +2
35 : #302a21 : +3
36 : #302a21 : +4
37 : #302b21 : +5
38 : #302b21 : +6
39 : #302b21 : +7
40 : #302b21 : +8
41 : #302b21 : +9
42 : #302c21 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -18
2 : #2a2928 : -16
4 : #2a2927 : -14
6 : #2b2926 : -12
8 : #2c2926 : -10
10 : #2d2925 : -8
12 : #2e2924 : -6
14 : #2f2923 : -4
16 : #2f2922 : -2
18 : #302921 : ±0
20 : #312921 : +2
22 : #322920 : +4
24 : #33291f : +6
26 : #332a1e : +8
28 : #342a1d : +10
30 : #352a1d : +12
32 : #362a1c : +14
34 : #372a1b : +16
36 : #372a1a : +18
38 : #382a19 : +20
40 : #392a18 : +22
42 : #3a2a18 : +24
44 : #3b2a17 : +26
46 : #3c2a16 : +28
48 : #3c2a15 : +30
50 : #3d2a14 : +32
52 : #3e2a14 : +34
54 : #3f2a13 : +36
56 : #402a12 : +38
58 : #402a11 : +40
60 : #412a10 : +42
62 : #422a10 : +44
64 : #432b0f : +46
66 : #442b0e : +48
68 : #452b0d : +50
70 : #452b0c : +52
72 : #462b0b : +54
74 : #472b0b : +56
76 : #482b0a : +58
78 : #492b09 : +60
80 : #492b08 : +62
82 : #4a2b07 : +64
84 : #4b2b07 : +66
86 : #4c2b06 : +68
88 : #4d2b05 : +70
90 : #4e2b04 : +72
92 : #4e2b03 : +74
94 : #4f2b02 : +76
96 : #502b02 : +78
98 : #512b01 : +80
100 : #522c00 : +82
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060504 : -14
4 : #0c0a08 : -12
6 : #120f0d : -10
8 : #181511 : -8
10 : #1e1a15 : -6
12 : #241f19 : -4
14 : #2a241d : -2
16 : #302921 : ±0
18 : #362e26 : +2
20 : #3c342a : +4
22 : #42392e : +6
24 : #483e32 : +8
26 : #4e4336 : +10
28 : #54483b : +12
30 : #5a4d3f : +14
32 : #605343 : +16
34 : #665847 : +18
36 : #6c5d4b : +20
38 : #72624f : +22
40 : #786754 : +24
42 : #7e6c58 : +26
44 : #84725c : +28
46 : #8a7760 : +30
48 : #907c64 : +32
50 : #968169 : +34
52 : #9b866f : +36
54 : #9f8b75 : +38
56 : #a3907b : +40
58 : #a79581 : +42
60 : #ab9a87 : +44
62 : #b09f8d : +46
64 : #b4a493 : +48
66 : #b8a999 : +50
68 : #bcae9f : +52
70 : #c0b3a5 : +54
72 : #c4b8ab : +56
74 : #c9bdb1 : +58
76 : #cdc3b7 : +60
78 : #d1c8bd : +62
80 : #d5cdc3 : +64
82 : #d9d2c9 : +66
84 : #ded7cf : +68
86 : #e2dcd5 : +70
88 : #e6e1db : +72
90 : #eae6e1 : +74
92 : #eeebe7 : +76
94 : #f2f0ed : +78
96 : #f7f5f3 : +80
98 : #fbfaf9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow