#312820
RGB ( 赤 = 49, 緑 = 40, 青 = 32 )
HSL ( 色相 = 28°, 彩度 = 21%, 明度 = 16% )
H : 色相 ( 28° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #312320 : -20
18 : #312520 : -10
28 : #312820 : ±0
38 : #312b20 : +10
48 : #312e20 : +20
58 : #313120 : +30
68 : #2f3120 : +40
78 : #2c3120 : +50
88 : #293120 : +60
98 : #273120 : +70
108 : #243120 : +80
118 : #213120 : +90
128 : #203123 : +100
138 : #203125 : +110
148 : #203128 : +120
158 : #20312b : +130
168 : #20312e : +140
178 : #203131 : +150
188 : #202f31 : +160
198 : #202c31 : +170
208 : #202931 : +180
218 : #202731 : +190
228 : #202431 : +200
238 : #202131 : +210
248 : #232031 : +220
258 : #252031 : +230
268 : #282031 : +240
278 : #2b2031 : +250
288 : #2e2031 : +260
298 : #312031 : +270
308 : #31202f : +280
318 : #31202c : +290
328 : #312029 : +300
338 : #312027 : +310
348 : #312024 : +320
358 : #312021 : +330
18 : #312520 : -10
19 : #312620 : -9
20 : #312620 : -8
21 : #312620 : -7
22 : #312720 : -6
23 : #312720 : -5
24 : #312720 : -4
25 : #312720 : -3
26 : #312820 : -2
27 : #312820 : -1
28 : #312820 : ±0
29 : #312920 : +1
30 : #312920 : +2
31 : #312920 : +3
32 : #312920 : +4
33 : #312a20 : +5
34 : #312a20 : +6
35 : #312a20 : +7
36 : #312b20 : +8
37 : #312b20 : +9
38 : #312b20 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292928 : -20
3 : #2a2928 : -18
5 : #2b2927 : -16
7 : #2c2926 : -14
9 : #2c2925 : -12
11 : #2d2924 : -10
13 : #2e2823 : -8
15 : #2f2823 : -6
17 : #302822 : -4
19 : #312821 : -2
21 : #312820 : ±0
23 : #32281f : +2
25 : #33281f : +4
27 : #34281e : +6
29 : #35281d : +8
31 : #35281c : +10
33 : #36281b : +12
35 : #37281b : +14
37 : #38281a : +16
39 : #392819 : +18
41 : #3a2818 : +20
43 : #3a2817 : +22
45 : #3b2816 : +24
47 : #3c2816 : +26
49 : #3d2715 : +28
51 : #3e2714 : +30
53 : #3e2713 : +32
55 : #3f2712 : +34
57 : #402712 : +36
59 : #412711 : +38
61 : #422710 : +40
63 : #43270f : +42
65 : #43270e : +44
67 : #44270d : +46
69 : #45270d : +48
71 : #46270c : +50
73 : #47270b : +52
75 : #47270a : +54
77 : #482709 : +56
79 : #492709 : +58
81 : #4a2708 : +60
83 : #4b2707 : +62
85 : #4b2606 : +64
87 : #4c2605 : +66
89 : #4d2604 : +68
91 : #4e2604 : +70
93 : #4f2603 : +72
95 : #502602 : +74
97 : #502601 : +76
99 : #512600 : +78
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060504 : -14
4 : #0c0a08 : -12
6 : #130f0c : -10
8 : #191410 : -8
10 : #1f1914 : -6
12 : #251e18 : -4
14 : #2b231c : -2
16 : #312820 : ±0
18 : #382d24 : +2
20 : #3e3228 : +4
22 : #44372c : +6
24 : #4a3c30 : +8
26 : #504134 : +10
28 : #564638 : +12
30 : #5d4b3c : +14
32 : #635040 : +16
34 : #695544 : +18
36 : #6f5b49 : +20
38 : #75604d : +22
40 : #7b6551 : +24
42 : #826a55 : +26
44 : #886f59 : +28
46 : #8e745d : +30
48 : #947961 : +32
50 : #9a7e65 : +34
52 : #9e836b : +36
54 : #a28871 : +38
56 : #a68d77 : +40
58 : #aa927d : +42
60 : #ae9884 : +44
62 : #b29d8a : +46
64 : #b6a290 : +48
66 : #bba796 : +50
68 : #bfac9c : +52
70 : #c3b1a2 : +54
72 : #c7b7a9 : +56
74 : #cbbcaf : +58
76 : #cfc1b5 : +60
78 : #d3c6bb : +62
80 : #d7cbc1 : +64
82 : #dbd0c7 : +66
84 : #dfd6ce : +68
86 : #e3dbd4 : +70
88 : #e7e0da : +72
90 : #ebe5e0 : +74
92 : #efeae6 : +76
94 : #f3efec : +78
96 : #f7f5f3 : +80
98 : #fbfaf9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow