#311b16
RGB ( 赤 = 49, 緑 = 27, 青 = 22 )
HSL ( 色相 = 11°, 彩度 = 38%, 明度 = 14% )
H : 色相 ( 11° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #311716 : -10
11 : #311b16 : ±0
21 : #312016 : +10
31 : #312416 : +20
41 : #312916 : +30
51 : #312d16 : +40
61 : #313116 : +50
71 : #2c3116 : +60
81 : #283116 : +70
91 : #233116 : +80
101 : #1f3116 : +90
111 : #1a3116 : +100
121 : #163117 : +110
131 : #16311b : +120
141 : #163120 : +130
151 : #163124 : +140
161 : #163129 : +150
171 : #16312d : +160
181 : #163131 : +170
191 : #162c31 : +180
201 : #162831 : +190
211 : #162331 : +200
221 : #161f31 : +210
231 : #161a31 : +220
241 : #171631 : +230
251 : #1b1631 : +240
261 : #201631 : +250
271 : #241631 : +260
281 : #291631 : +270
291 : #2d1631 : +280
301 : #311631 : +290
311 : #31162c : +300
321 : #311628 : +310
331 : #311623 : +320
341 : #31161f : +330
351 : #31161a : +340
1 : #311716 : -10
2 : #311716 : -9
3 : #311716 : -8
4 : #311816 : -7
5 : #311816 : -6
6 : #311916 : -5
7 : #311916 : -4
8 : #311a16 : -3
9 : #311a16 : -2
10 : #311b16 : -1
11 : #311b16 : ±0
12 : #311c16 : +1
13 : #311c16 : +2
14 : #311c16 : +3
15 : #311d16 : +4
16 : #311d16 : +5
17 : #311e16 : +6
18 : #311e16 : +7
19 : #311f16 : +8
20 : #311f16 : +9
21 : #312016 : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -38
2 : #242323 : -36
4 : #252322 : -34
6 : #262222 : -32
8 : #272221 : -30
10 : #272120 : -28
12 : #28211f : -26
14 : #29211f : -24
16 : #29201e : -22
18 : #2a201d : -20
20 : #2b1f1d : -18
22 : #2c1f1c : -16
24 : #2c1e1b : -14
26 : #2d1e1a : -12
28 : #2e1d1a : -10
30 : #2e1d19 : -8
32 : #2f1c18 : -6
34 : #301c18 : -4
36 : #311c17 : -2
38 : #311b16 : ±0
40 : #321b15 : +2
42 : #331a15 : +4
44 : #331a14 : +6
46 : #341913 : +8
48 : #351913 : +10
50 : #361812 : +12
52 : #361811 : +14
54 : #371710 : +16
56 : #381710 : +18
58 : #38170f : +20
60 : #39160e : +22
62 : #3a160e : +24
64 : #3b150d : +26
66 : #3b150c : +28
68 : #3c140b : +30
70 : #3d140b : +32
72 : #3d130a : +34
74 : #3e1309 : +36
76 : #3f1309 : +38
78 : #401208 : +40
80 : #401207 : +42
82 : #411106 : +44
84 : #421106 : +46
86 : #421005 : +48
88 : #431004 : +50
90 : #440f04 : +52
92 : #450f03 : +54
94 : #450e02 : +56
96 : #460e01 : +58
98 : #470e01 : +60
100 : #470d00 : +62
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #070403 : -12
4 : #0e0806 : -10
6 : #150c09 : -8
8 : #1c0f0d : -6
10 : #231310 : -4
12 : #2a1713 : -2
14 : #311b16 : ±0
16 : #381f19 : +2
18 : #3f231c : +4
20 : #462720 : +6
22 : #4d2b23 : +8
24 : #542e26 : +10
26 : #5b3229 : +12
28 : #63362c : +14
30 : #6a3a2f : +16
32 : #713e33 : +18
34 : #784236 : +20
36 : #7f4639 : +22
38 : #864a3c : +24
40 : #8d4d3f : +26
42 : #945142 : +28
44 : #9b5546 : +30
46 : #a25949 : +32
48 : #a95d4c : +34
50 : #b0614f : +36
52 : #b36756 : +38
54 : #b66d5d : +40
56 : #b97464 : +42
58 : #bd7a6b : +44
60 : #c08072 : +46
62 : #c38779 : +48
64 : #c68d80 : +50
66 : #c99387 : +52
68 : #cc9a8e : +54
70 : #d0a095 : +56
72 : #d3a69c : +58
74 : #d6ada4 : +60
76 : #d9b3ab : +62
78 : #dcb9b2 : +64
80 : #dfc0b9 : +66
82 : #e3c6c0 : +68
84 : #e6ccc7 : +70
86 : #e9d3ce : +72
88 : #ecd9d5 : +74
90 : #efdfdc : +76
92 : #f2e6e3 : +78
94 : #f6ecea : +80
96 : #f9f2f1 : +82
98 : #fcf9f8 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow