#312b36
RGB ( 赤 = 49, 緑 = 43, 青 = 54 )
HSL ( 色相 = 273°, 彩度 = 11%, 明度 = 19% )
H : 色相 ( 273° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #362c2b : -270
13 : #362d2b : -260
23 : #362f2b : -250
33 : #36312b : -240
43 : #36332b : -230
53 : #36352b : -220
63 : #35362b : -210
73 : #33362b : -200
83 : #32362b : -190
93 : #30362b : -180
103 : #2e362b : -170
113 : #2c362b : -160
123 : #2b362c : -150
133 : #2b362d : -140
143 : #2b362f : -130
153 : #2b3631 : -120
163 : #2b3633 : -110
173 : #2b3635 : -100
183 : #2b3536 : -90
193 : #2b3336 : -80
203 : #2b3236 : -70
213 : #2b3036 : -60
223 : #2b2e36 : -50
233 : #2b2c36 : -40
243 : #2c2b36 : -30
253 : #2d2b36 : -20
263 : #2f2b36 : -10
273 : #312b36 : ±0
283 : #332b36 : +10
293 : #352b36 : +20
303 : #362b35 : +30
313 : #362b33 : +40
323 : #362b32 : +50
333 : #362b30 : +60
343 : #362b2e : +70
353 : #362b2c : +80
263 : #2f2b36 : -10
264 : #2f2b36 : -9
265 : #302b36 : -8
266 : #302b36 : -7
267 : #302b36 : -6
268 : #302b36 : -5
269 : #302b36 : -4
270 : #302b36 : -3
271 : #312b36 : -2
272 : #312b36 : -1
273 : #312b36 : ±0
274 : #312b36 : +1
275 : #312b36 : +2
276 : #322b36 : +3
277 : #322b36 : +4
278 : #322b36 : +5
279 : #322b36 : +6
280 : #322b36 : +7
281 : #322b36 : +8
282 : #332b36 : +9
283 : #332b36 : +10
S : 彩度 ( 11% )
(0%) 渋い ~ 鮮やか (100%)
1 : #303031 : -10
3 : #312f32 : -8
5 : #312e33 : -6
7 : #312d34 : -4
9 : #312c35 : -2
11 : #312b36 : ±0
13 : #312a37 : +2
15 : #312938 : +4
17 : #312839 : +6
19 : #31273a : +8
21 : #31263b : +10
23 : #32253c : +12
25 : #32243d : +14
27 : #32233e : +16
29 : #32223f : +18
31 : #32213f : +20
33 : #322040 : +22
35 : #321f41 : +24
37 : #321f42 : +26
39 : #321e43 : +28
41 : #321d44 : +30
43 : #331c45 : +32
45 : #331b46 : +34
47 : #331a47 : +36
49 : #331948 : +38
51 : #331849 : +40
53 : #33174a : +42
55 : #33164b : +44
57 : #33154c : +46
59 : #33144d : +48
61 : #33134e : +50
63 : #34124f : +52
65 : #341150 : +54
67 : #341051 : +56
69 : #340f52 : +58
71 : #340e53 : +60
73 : #340d54 : +62
75 : #340c55 : +64
77 : #340b56 : +66
79 : #340a57 : +68
81 : #340958 : +70
83 : #340859 : +72
85 : #35075a : +74
87 : #35065b : +76
89 : #35055c : +78
91 : #35045d : +80
93 : #35035e : +82
95 : #35025e : +84
97 : #35015f : +86
99 : #350060 : +88
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -18
3 : #080708 : -16
5 : #0d0b0e : -14
7 : #121014 : -12
9 : #171419 : -10
11 : #1c191f : -8
13 : #221e25 : -6
15 : #27222a : -4
17 : #2c2730 : -2
19 : #312b36 : ±0
21 : #36303b : +2
23 : #3b3441 : +4
25 : #403947 : +6
27 : #463d4c : +8
29 : #4b4252 : +10
31 : #504658 : +12
33 : #554b5d : +14
35 : #5a4f63 : +16
37 : #5f5469 : +18
39 : #65596e : +20
41 : #6a5d74 : +22
43 : #6f627a : +24
45 : #74667f : +26
47 : #796b85 : +28
49 : #7e6f8b : +30
51 : #837490 : +32
53 : #887a94 : +34
55 : #8e8099 : +36
57 : #93859d : +38
59 : #988ba2 : +40
61 : #9d91a6 : +42
63 : #a296ab : +44
65 : #a79cb0 : +46
67 : #aca2b4 : +48
69 : #b1a7b9 : +50
71 : #b6adbd : +52
73 : #bbb3c2 : +54
75 : #c0b8c6 : +56
77 : #c5becb : +58
79 : #cac4cf : +60
81 : #cfc9d4 : +62
83 : #d4cfd8 : +64
85 : #d9d5dd : +66
87 : #dedae1 : +68
89 : #e3e0e6 : +70
91 : #e8e6eb : +72
93 : #edebef : +74
95 : #f2f1f4 : +76
97 : #f7f7f8 : +78
99 : #fcfcfd : +80
CSS入門、作ってます。
text-shadow