#312f1c
RGB ( 赤 = 49, 緑 = 47, 青 = 28 )
HSL ( 色相 = 54°, 彩度 = 27%, 明度 = 15% )
H : 色相 ( 54° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #311d1c : -50
14 : #31211c : -40
24 : #31241c : -30
34 : #31281c : -20
44 : #312b1c : -10
54 : #312f1c : ±0
64 : #2f311c : +10
74 : #2c311c : +20
84 : #28311c : +30
94 : #25311c : +40
104 : #21311c : +50
114 : #1e311c : +60
124 : #1c311d : +70
134 : #1c3121 : +80
144 : #1c3124 : +90
154 : #1c3128 : +100
164 : #1c312b : +110
174 : #1c312f : +120
184 : #1c2f31 : +130
194 : #1c2c31 : +140
204 : #1c2831 : +150
214 : #1c2531 : +160
224 : #1c2131 : +170
234 : #1c1e31 : +180
244 : #1d1c31 : +190
254 : #211c31 : +200
264 : #241c31 : +210
274 : #281c31 : +220
284 : #2b1c31 : +230
294 : #2f1c31 : +240
304 : #311c2f : +250
314 : #311c2c : +260
324 : #311c28 : +270
334 : #311c25 : +280
344 : #311c21 : +290
354 : #311c1e : +300
44 : #312b1c : -10
45 : #312b1c : -9
46 : #312c1c : -8
47 : #312c1c : -7
48 : #312c1c : -6
49 : #312d1c : -5
50 : #312d1c : -4
51 : #312d1c : -3
52 : #312e1c : -2
53 : #312e1c : -1
54 : #312f1c : ±0
55 : #312f1c : +1
56 : #312f1c : +2
57 : #31301c : +3
58 : #31301c : +4
59 : #31301c : +5
60 : #31311c : +6
61 : #30311c : +7
62 : #30311c : +8
63 : #30311c : +9
64 : #2f311c : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272726 : -26
3 : #272725 : -24
5 : #282824 : -22
7 : #292824 : -20
9 : #2a2923 : -18
11 : #2a2a22 : -16
13 : #2b2a21 : -14
15 : #2c2b21 : -12
17 : #2d2b20 : -10
19 : #2e2c1f : -8
21 : #2e2d1e : -6
23 : #2f2d1d : -4
25 : #302e1d : -2
27 : #312f1c : ±0
29 : #312f1b : +2
31 : #32301a : +4
33 : #33301a : +6
35 : #343119 : +8
37 : #343218 : +10
39 : #353217 : +12
41 : #363317 : +14
43 : #373316 : +16
45 : #373415 : +18
47 : #383514 : +20
49 : #393514 : +22
51 : #3a3613 : +24
53 : #3b3612 : +26
55 : #3b3711 : +28
57 : #3c3810 : +30
59 : #3d3810 : +32
61 : #3e390f : +34
63 : #3e3a0e : +36
65 : #3f3a0d : +38
67 : #403b0d : +40
69 : #413b0c : +42
71 : #413c0b : +44
73 : #423d0a : +46
75 : #433d0a : +48
77 : #443e09 : +50
79 : #443e08 : +52
81 : #453f07 : +54
83 : #464007 : +56
85 : #474006 : +58
87 : #484105 : +60
89 : #484104 : +62
91 : #494203 : +64
93 : #4a4303 : +66
95 : #4b4302 : +68
97 : #4b4401 : +70
99 : #4c4500 : +72
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -14
3 : #0a0906 : -12
5 : #101009 : -10
7 : #17160d : -8
9 : #1d1c11 : -6
11 : #242214 : -4
13 : #2a2818 : -2
15 : #312f1c : ±0
17 : #373520 : +2
19 : #3e3b23 : +4
21 : #444127 : +6
23 : #4a472b : +8
25 : #514e2f : +10
27 : #575432 : +12
29 : #5e5a36 : +14
31 : #64603a : +16
33 : #6b663d : +18
35 : #716d41 : +20
37 : #787345 : +22
39 : #7e7949 : +24
41 : #857f4c : +26
43 : #8b8550 : +28
45 : #928c54 : +30
47 : #989257 : +32
49 : #9f985b : +34
51 : #a49d60 : +36
53 : #a8a167 : +38
55 : #aba56d : +40
57 : #afa974 : +42
59 : #b3ad7a : +44
61 : #b6b181 : +46
63 : #bab587 : +48
65 : #beb98e : +50
67 : #c2bd94 : +52
69 : #c5c19b : +54
71 : #c9c5a1 : +56
73 : #cdc9a8 : +58
75 : #d0cdae : +60
77 : #d4d1b5 : +62
79 : #d8d5bb : +64
81 : #dcd9c1 : +66
83 : #dfddc8 : +68
85 : #e3e1ce : +70
87 : #e7e5d5 : +72
89 : #ebe9db : +74
91 : #eeede2 : +76
93 : #f2f1e8 : +78
95 : #f6f5ef : +80
97 : #f9f9f5 : +82
99 : #fdfdfc : +84
CSS入門、作ってます。
text-shadow