#31140d
RGB ( 赤 = 49, 緑 = 20, 青 = 13 )
HSL ( 色相 = 12°, 彩度 = 58%, 明度 = 12% )
H : 色相 ( 12° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #300e0d : -10
12 : #30140d : ±0
22 : #301a0d : +10
32 : #30200d : +20
42 : #30260d : +30
52 : #302c0d : +40
62 : #2f300d : +50
72 : #29300d : +60
82 : #23300d : +70
92 : #1d300d : +80
102 : #18300d : +90
112 : #12300d : +100
122 : #0d300e : +110
132 : #0d3014 : +120
142 : #0d301a : +130
152 : #0d3020 : +140
162 : #0d3026 : +150
172 : #0d302c : +160
182 : #0d2f30 : +170
192 : #0d2930 : +180
202 : #0d2330 : +190
212 : #0d1d30 : +200
222 : #0d1830 : +210
232 : #0d1230 : +220
242 : #0e0d30 : +230
252 : #140d30 : +240
262 : #1a0d30 : +250
272 : #200d30 : +260
282 : #260d30 : +270
292 : #2c0d30 : +280
302 : #300d2f : +290
312 : #300d29 : +300
322 : #300d23 : +310
332 : #300d1d : +320
342 : #300d18 : +330
352 : #300d12 : +340
2 : #300e0d : -10
3 : #300f0d : -9
4 : #300f0d : -8
5 : #30100d : -7
6 : #30100d : -6
7 : #30110d : -5
8 : #30120d : -4
9 : #30120d : -3
10 : #30130d : -2
11 : #30130d : -1
12 : #30140d : ±0
13 : #30150d : +1
14 : #30150d : +2
15 : #30160d : +3
16 : #30160d : +4
17 : #30170d : +5
18 : #30180d : +6
19 : #30180d : +7
20 : #30190d : +8
21 : #30190d : +9
22 : #301a0d : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1e1e1e : -58
2 : #1f1e1e : -56
4 : #201e1d : -54
6 : #201d1d : -52
8 : #211d1c : -50
10 : #221d1c : -48
12 : #221c1b : -46
14 : #231c1a : -44
16 : #231c1a : -42
18 : #241b19 : -40
20 : #251b18 : -38
22 : #251b18 : -36
24 : #261a17 : -34
26 : #271a17 : -32
28 : #271916 : -30
30 : #281915 : -28
32 : #281915 : -26
34 : #291814 : -24
36 : #2a1814 : -22
38 : #2a1813 : -20
40 : #2b1712 : -18
42 : #2b1712 : -16
44 : #2c1711 : -14
46 : #2d1611 : -12
48 : #2d1610 : -10
50 : #2e150f : -8
52 : #2f150f : -6
54 : #2f150e : -4
56 : #30140d : -2
58 : #30140d : ±0
60 : #31140c : +2
62 : #32130c : +4
64 : #32130b : +6
66 : #33120a : +8
68 : #33120a : +10
70 : #341209 : +12
72 : #351109 : +14
74 : #351108 : +16
76 : #361107 : +18
78 : #361007 : +20
80 : #371006 : +22
82 : #381006 : +24
84 : #380f05 : +26
86 : #390f04 : +28
88 : #3a0e04 : +30
90 : #3a0e03 : +32
92 : #3b0e02 : +34
94 : #3b0d02 : +36
96 : #3c0d01 : +38
98 : #3d0d01 : +40
100 : #3d0c00 : +42
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #080302 : -10
4 : #100704 : -8
6 : #180a06 : -6
8 : #200d09 : -4
10 : #28110b : -2
12 : #30140d : ±0
14 : #38170f : +2
16 : #401b11 : +4
18 : #491e13 : +6
20 : #512115 : +8
22 : #592518 : +10
24 : #61281a : +12
26 : #692b1c : +14
28 : #712f1e : +16
30 : #793220 : +18
32 : #813522 : +20
34 : #893924 : +22
36 : #913c27 : +24
38 : #993f29 : +26
40 : #a1432b : +28
42 : #a9462d : +30
44 : #b1492f : +32
46 : #b94c31 : +34
48 : #c15033 : +36
50 : #c95336 : +38
52 : #cc5a3e : +40
54 : #ce6146 : +42
56 : #d0684e : +44
58 : #d26f56 : +46
60 : #d4765e : +48
62 : #d67c66 : +50
64 : #d8836e : +52
66 : #db8a76 : +54
68 : #dd917e : +56
70 : #df9886 : +58
72 : #e19f8e : +60
74 : #e3a696 : +62
76 : #e5ad9e : +64
78 : #e7b3a6 : +66
80 : #eabaae : +68
82 : #ecc1b6 : +70
84 : #eec8bf : +72
86 : #f0cfc7 : +74
88 : #f2d6cf : +76
90 : #f4ddd7 : +78
92 : #f6e4df : +80
94 : #f9eae7 : +82
96 : #fbf1ef : +84
98 : #fdf8f7 : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow