#312d4d
RGB ( 赤 = 49, 緑 = 45, 青 = 77 )
HSL ( 色相 = 248°, 彩度 = 26%, 明度 = 24% )
H : 色相 ( 248° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #4d322d : -240
18 : #4d372d : -230
28 : #4d3c2d : -220
38 : #4d412d : -210
48 : #4d472d : -200
58 : #4d4c2d : -190
68 : #494d2d : -180
78 : #444d2d : -170
88 : #3e4d2d : -160
98 : #394d2d : -150
108 : #344d2d : -140
118 : #2e4d2d : -130
128 : #2d4d32 : -120
138 : #2d4d37 : -110
148 : #2d4d3c : -100
158 : #2d4d41 : -90
168 : #2d4d47 : -80
178 : #2d4d4c : -70
188 : #2d494d : -60
198 : #2d444d : -50
208 : #2d3e4d : -40
218 : #2d394d : -30
228 : #2d344d : -20
238 : #2d2e4d : -10
248 : #322d4d : ±0
258 : #372d4d : +10
268 : #3c2d4d : +20
278 : #412d4d : +30
288 : #472d4d : +40
298 : #4c2d4d : +50
308 : #4d2d49 : +60
318 : #4d2d44 : +70
328 : #4d2d3e : +80
338 : #4d2d39 : +90
348 : #4d2d34 : +100
358 : #4d2d2e : +110
238 : #2d2e4d : -10
239 : #2d2e4d : -9
240 : #2d2d4d : -8
241 : #2e2d4d : -7
242 : #2e2d4d : -6
243 : #2f2d4d : -5
244 : #2f2d4d : -4
245 : #302d4d : -3
246 : #302d4d : -2
247 : #312d4d : -1
248 : #322d4d : ±0
249 : #322d4d : +1
250 : #332d4d : +2
251 : #332d4d : +3
252 : #342d4d : +4
253 : #342d4d : +5
254 : #352d4d : +6
255 : #352d4d : +7
256 : #362d4d : +8
257 : #362d4d : +9
258 : #372d4d : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -26
2 : #3c3c3e : -24
4 : #3b3b40 : -22
6 : #3b3a41 : -20
8 : #3a3842 : -18
10 : #393743 : -16
12 : #383645 : -14
14 : #373546 : -12
16 : #363347 : -10
18 : #353248 : -8
20 : #343149 : -6
22 : #33304b : -4
24 : #322f4c : -2
26 : #322d4d : ±0
28 : #312c4e : +2
30 : #302b50 : +4
32 : #2f2a51 : +6
34 : #2e2852 : +8
36 : #2d2753 : +10
38 : #2c2654 : +12
40 : #2b2556 : +14
42 : #2a2357 : +16
44 : #292258 : +18
46 : #292159 : +20
48 : #28205b : +22
50 : #271f5c : +24
52 : #261d5d : +26
54 : #251c5e : +28
56 : #241b5f : +30
58 : #231a61 : +32
60 : #221862 : +34
62 : #211763 : +36
64 : #201664 : +38
66 : #201566 : +40
68 : #1f1467 : +42
70 : #1e1268 : +44
72 : #1d1169 : +46
74 : #1c106a : +48
76 : #1b0f6c : +50
78 : #1a0d6d : +52
80 : #190c6e : +54
82 : #180b6f : +56
84 : #180a71 : +58
86 : #170972 : +60
88 : #160773 : +62
90 : #150674 : +64
92 : #140576 : +66
94 : #130477 : +68
96 : #120278 : +70
98 : #110179 : +72
100 : #10007a : +74
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #040406 : -22
4 : #08080d : -20
6 : #0c0b13 : -18
8 : #110f1a : -16
10 : #151320 : -14
12 : #191727 : -12
14 : #1d1a2d : -10
16 : #211e33 : -8
18 : #25223a : -6
20 : #292640 : -4
22 : #2d2a47 : -2
24 : #322d4d : ±0
26 : #363154 : +2
28 : #3a355a : +4
30 : #3e3960 : +6
32 : #423c67 : +8
34 : #46406d : +10
36 : #4a4474 : +12
38 : #4e487a : +14
40 : #534b81 : +16
42 : #574f87 : +18
44 : #5b538d : +20
46 : #5f5794 : +22
48 : #635b9a : +24
50 : #675ea1 : +26
52 : #6d65a4 : +28
54 : #736ba8 : +30
56 : #7972ac : +32
58 : #7f78b0 : +34
60 : #867eb4 : +36
62 : #8c85b7 : +38
64 : #928bbb : +40
66 : #9892bf : +42
68 : #9e98c3 : +44
70 : #a49fc6 : +46
72 : #aaa5ca : +48
74 : #b0abce : +50
76 : #b6b2d2 : +52
78 : #bcb8d5 : +54
80 : #c2bfd9 : +56
82 : #c8c5dd : +58
84 : #cecce1 : +60
86 : #d4d2e5 : +62
88 : #dbd8e8 : +64
90 : #e1dfec : +66
92 : #e7e5f0 : +68
94 : #edecf4 : +70
96 : #f3f2f7 : +72
98 : #f9f9fb : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow