#311c22
RGB ( 赤 = 49, 緑 = 28, 青 = 34 )
HSL ( 色相 = 343°, 彩度 = 27%, 明度 = 15% )
H : 色相 ( 343° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #311d1c : -340
13 : #31201c : -330
23 : #31241c : -320
33 : #31271c : -310
43 : #312b1c : -300
53 : #312e1c : -290
63 : #30311c : -280
73 : #2c311c : -270
83 : #29311c : -260
93 : #25311c : -250
103 : #22311c : -240
113 : #1e311c : -230
123 : #1c311d : -220
133 : #1c3120 : -210
143 : #1c3124 : -200
153 : #1c3127 : -190
163 : #1c312b : -180
173 : #1c312e : -170
183 : #1c3031 : -160
193 : #1c2c31 : -150
203 : #1c2931 : -140
213 : #1c2531 : -130
223 : #1c2231 : -120
233 : #1c1e31 : -110
243 : #1d1c31 : -100
253 : #201c31 : -90
263 : #241c31 : -80
273 : #271c31 : -70
283 : #2b1c31 : -60
293 : #2e1c31 : -50
303 : #311c30 : -40
313 : #311c2c : -30
323 : #311c29 : -20
333 : #311c25 : -10
343 : #311c22 : ±0
353 : #311c1e : +10
333 : #311c25 : -10
334 : #311c25 : -9
335 : #311c25 : -8
336 : #311c24 : -7
337 : #311c24 : -6
338 : #311c23 : -5
339 : #311c23 : -4
340 : #311c23 : -3
341 : #311c22 : -2
342 : #311c22 : -1
343 : #311c22 : ±0
344 : #311c21 : +1
345 : #311c21 : +2
346 : #311c21 : +3
347 : #311c20 : +4
348 : #311c20 : +5
349 : #311c20 : +6
350 : #311c1f : +7
351 : #311c1f : +8
352 : #311c1f : +9
353 : #311c1e : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272626 : -26
3 : #272526 : -24
5 : #282425 : -22
7 : #292425 : -20
9 : #2a2325 : -18
11 : #2a2224 : -16
13 : #2b2124 : -14
15 : #2c2124 : -12
17 : #2d2023 : -10
19 : #2e1f23 : -8
21 : #2e1e23 : -6
23 : #2f1d22 : -4
25 : #301d22 : -2
27 : #311c22 : ±0
29 : #311b21 : +2
31 : #321a21 : +4
33 : #331a21 : +6
35 : #341920 : +8
37 : #341820 : +10
39 : #351720 : +12
41 : #36171f : +14
43 : #37161f : +16
45 : #37151f : +18
47 : #38141e : +20
49 : #39141e : +22
51 : #3a131e : +24
53 : #3b121d : +26
55 : #3b111d : +28
57 : #3c101d : +30
59 : #3d101c : +32
61 : #3e0f1c : +34
63 : #3e0e1c : +36
65 : #3f0d1b : +38
67 : #400d1b : +40
69 : #410c1b : +42
71 : #410b1a : +44
73 : #420a1a : +46
75 : #430a1a : +48
77 : #440919 : +50
79 : #440819 : +52
81 : #450719 : +54
83 : #460718 : +56
85 : #470618 : +58
87 : #480518 : +60
89 : #480417 : +62
91 : #490317 : +64
93 : #4a0317 : +66
95 : #4b0217 : +68
97 : #4b0116 : +70
99 : #4c0016 : +72
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -14
3 : #0a0607 : -12
5 : #10090b : -10
7 : #170d10 : -8
9 : #1d1114 : -6
11 : #241419 : -4
13 : #2a181d : -2
15 : #311c22 : ±0
17 : #372026 : +2
19 : #3e232b : +4
21 : #44272f : +6
23 : #4a2b34 : +8
25 : #512f38 : +10
27 : #57323d : +12
29 : #5e3641 : +14
31 : #643a46 : +16
33 : #6b3d4a : +18
35 : #71414f : +20
37 : #784553 : +22
39 : #7e4958 : +24
41 : #854c5c : +26
43 : #8b5061 : +28
45 : #925465 : +30
47 : #98576a : +32
49 : #9f5b6e : +34
51 : #a46073 : +36
53 : #a86779 : +38
55 : #ab6d7f : +40
57 : #af7485 : +42
59 : #b37a8a : +44
61 : #b68190 : +46
63 : #ba8796 : +48
65 : #be8e9b : +50
67 : #c294a1 : +52
69 : #c59ba7 : +54
71 : #c9a1ac : +56
73 : #cda8b2 : +58
75 : #d0aeb8 : +60
77 : #d4b5bd : +62
79 : #d8bbc3 : +64
81 : #dcc1c9 : +66
83 : #dfc8cf : +68
85 : #e3ced4 : +70
87 : #e7d5da : +72
89 : #ebdbe0 : +74
91 : #eee2e5 : +76
93 : #f2e8eb : +78
95 : #f6eff1 : +80
97 : #f9f5f6 : +82
99 : #fdfcfc : +84
CSS入門、作ってます。
text-shadow