#311b27
RGB ( 赤 = 49, 緑 = 27, 青 = 39 )
HSL ( 色相 = 327°, 彩度 = 29%, 明度 = 15% )
H : 色相 ( 327° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #311e1b : -320
17 : #31211b : -310
27 : #31251b : -300
37 : #31291b : -290
47 : #312d1b : -280
57 : #31301b : -270
67 : #2f311b : -260
77 : #2b311b : -250
87 : #27311b : -240
97 : #24311b : -230
107 : #20311b : -220
117 : #1c311b : -210
127 : #1b311e : -200
137 : #1b3121 : -190
147 : #1b3125 : -180
157 : #1b3129 : -170
167 : #1b312d : -160
177 : #1b3130 : -150
187 : #1b2f31 : -140
197 : #1b2b31 : -130
207 : #1b2731 : -120
217 : #1b2431 : -110
227 : #1b2031 : -100
237 : #1b1c31 : -90
247 : #1e1b31 : -80
257 : #211b31 : -70
267 : #251b31 : -60
277 : #291b31 : -50
287 : #2d1b31 : -40
297 : #301b31 : -30
307 : #311b2f : -20
317 : #311b2b : -10
327 : #311b27 : ±0
337 : #311b24 : +10
347 : #311b20 : +20
357 : #311b1c : +30
317 : #311b2b : -10
318 : #311b2b : -9
319 : #311b2a : -8
320 : #311b2a : -7
321 : #311b2a : -6
322 : #311b29 : -5
323 : #311b29 : -4
324 : #311b28 : -3
325 : #311b28 : -2
326 : #311b28 : -1
327 : #311b27 : ±0
328 : #311b27 : +1
329 : #311b27 : +2
330 : #311b26 : +3
331 : #311b26 : +4
332 : #311b26 : +5
333 : #311b25 : +6
334 : #311b25 : +7
335 : #311b24 : +8
336 : #311b24 : +9
337 : #311b24 : +10
S : 彩度 ( 29% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272626 : -28
3 : #272526 : -26
5 : #282426 : -24
7 : #292427 : -22
9 : #2a2327 : -20
11 : #2a2227 : -18
13 : #2b2127 : -16
15 : #2c2127 : -14
17 : #2d2027 : -12
19 : #2e1f27 : -10
21 : #2e1e27 : -8
23 : #2f1d27 : -6
25 : #301d27 : -4
27 : #311c27 : -2
29 : #311b27 : ±0
31 : #321a27 : +2
33 : #331a28 : +4
35 : #341928 : +6
37 : #341828 : +8
39 : #351728 : +10
41 : #361728 : +12
43 : #371628 : +14
45 : #371528 : +16
47 : #381428 : +18
49 : #391428 : +20
51 : #3a1328 : +22
53 : #3b1228 : +24
55 : #3b1128 : +26
57 : #3c1028 : +28
59 : #3d1029 : +30
61 : #3e0f29 : +32
63 : #3e0e29 : +34
65 : #3f0d29 : +36
67 : #400d29 : +38
69 : #410c29 : +40
71 : #410b29 : +42
73 : #420a29 : +44
75 : #430a29 : +46
77 : #440929 : +48
79 : #440829 : +50
81 : #450729 : +52
83 : #460729 : +54
85 : #47062a : +56
87 : #48052a : +58
89 : #48042a : +60
91 : #49032a : +62
93 : #4a032a : +64
95 : #4b022a : +66
97 : #4b012a : +68
99 : #4c002a : +70
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -14
3 : #0a0508 : -12
5 : #10090d : -10
7 : #170d12 : -8
9 : #1e1018 : -6
11 : #24141d : -4
13 : #2b1822 : -2
15 : #311b27 : ±0
17 : #381f2d : +2
19 : #3f2232 : +4
21 : #452637 : +6
23 : #4c2a3c : +8
25 : #522d42 : +10
27 : #593147 : +12
29 : #5f354c : +14
31 : #663851 : +16
33 : #6d3c57 : +18
35 : #733f5c : +20
37 : #7a4361 : +22
39 : #804766 : +24
41 : #874a6c : +26
43 : #8d4e71 : +28
45 : #945176 : +30
47 : #9b557b : +32
49 : #a15981 : +34
51 : #a65e86 : +36
53 : #aa648b : +38
55 : #ae6b90 : +40
57 : #b17295 : +42
59 : #b57899 : +44
61 : #b87f9e : +46
63 : #bc85a3 : +48
65 : #c08ca8 : +50
67 : #c392ad : +52
69 : #c799b2 : +54
71 : #caa0b7 : +56
73 : #cea6bc : +58
75 : #d2adc1 : +60
77 : #d5b3c6 : +62
79 : #d9bacb : +64
81 : #ddc0d0 : +66
83 : #e0c7d5 : +68
85 : #e4ceda : +70
87 : #e7d4df : +72
89 : #ebdbe4 : +74
91 : #efe1e9 : +76
93 : #f2e8ee : +78
95 : #f6eff3 : +80
97 : #faf5f8 : +82
99 : #fdfcfd : +84
CSS入門、作ってます。
text-shadow