#311e39
RGB ( 赤 = 49, 緑 = 30, 青 = 57 )
HSL ( 色相 = 282°, 彩度 = 31%, 明度 = 17% )
H : 色相 ( 282° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #391f1e : -280
12 : #39231e : -270
22 : #39281e : -260
32 : #392c1e : -250
42 : #39311e : -240
52 : #39351e : -230
62 : #38391e : -220
72 : #33391e : -210
82 : #2f391e : -200
92 : #2a391e : -190
102 : #26391e : -180
112 : #21391e : -170
122 : #1e391f : -160
132 : #1e3923 : -150
142 : #1e3928 : -140
152 : #1e392c : -130
162 : #1e3931 : -120
172 : #1e3935 : -110
182 : #1e3839 : -100
192 : #1e3339 : -90
202 : #1e2f39 : -80
212 : #1e2a39 : -70
222 : #1e2639 : -60
232 : #1e2139 : -50
242 : #1f1e39 : -40
252 : #231e39 : -30
262 : #281e39 : -20
272 : #2c1e39 : -10
282 : #311e39 : ±0
292 : #351e39 : +10
302 : #391e38 : +20
312 : #391e33 : +30
322 : #391e2f : +40
332 : #391e2a : +50
342 : #391e26 : +60
352 : #391e21 : +70
272 : #2c1e39 : -10
273 : #2d1e39 : -9
274 : #2d1e39 : -8
275 : #2e1e39 : -7
276 : #2e1e39 : -6
277 : #2e1e39 : -5
278 : #2f1e39 : -4
279 : #2f1e39 : -3
280 : #301e39 : -2
281 : #301e39 : -1
282 : #311e39 : ±0
283 : #311e39 : +1
284 : #321e39 : +2
285 : #321e39 : +3
286 : #331e39 : +4
287 : #331e39 : +5
288 : #331e39 : +6
289 : #341e39 : +7
290 : #341e39 : +8
291 : #351e39 : +9
292 : #351e39 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2c : -30
3 : #2c2a2d : -28
5 : #2c292e : -26
7 : #2d282e : -24
9 : #2d272f : -22
11 : #2d2730 : -20
13 : #2e2631 : -18
15 : #2e2532 : -16
17 : #2e2433 : -14
19 : #2f2334 : -12
21 : #2f2234 : -10
23 : #2f2135 : -8
25 : #302136 : -6
27 : #302037 : -4
29 : #301f38 : -2
31 : #311e39 : ±0
33 : #311d3a : +2
35 : #311c3b : +4
37 : #321b3b : +6
39 : #321a3c : +8
41 : #321a3d : +10
43 : #33193e : +12
45 : #33183f : +14
47 : #331740 : +16
49 : #341641 : +18
51 : #341541 : +20
53 : #351442 : +22
55 : #351443 : +24
57 : #351344 : +26
59 : #361245 : +28
61 : #361146 : +30
63 : #361047 : +32
65 : #370f48 : +34
67 : #370e48 : +36
69 : #370d49 : +38
71 : #380d4a : +40
73 : #380c4b : +42
75 : #380b4c : +44
77 : #390a4d : +46
79 : #39094e : +48
81 : #39084e : +50
83 : #3a074f : +52
85 : #3a0750 : +54
87 : #3a0651 : +56
89 : #3b0552 : +58
91 : #3b0453 : +60
93 : #3b0354 : +62
95 : #3c0255 : +64
97 : #3c0155 : +66
99 : #3d0056 : +68
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -16
3 : #09050a : -14
5 : #0e0911 : -12
7 : #140c17 : -10
9 : #1a101e : -8
11 : #201325 : -6
13 : #25172b : -4
15 : #2b1a32 : -2
17 : #311e39 : ±0
19 : #36213f : +2
21 : #3c2546 : +4
23 : #42284d : +6
25 : #482c54 : +8
27 : #4d305a : +10
29 : #533361 : +12
31 : #593768 : +14
33 : #5f3a6e : +16
35 : #643e75 : +18
37 : #6a417c : +20
39 : #704582 : +22
41 : #764889 : +24
43 : #7b4c90 : +26
45 : #814f96 : +28
47 : #87539d : +30
49 : #8c56a4 : +32
51 : #925ba9 : +34
53 : #9662ac : +36
55 : #9a69b0 : +38
57 : #9f6fb3 : +40
59 : #a376b7 : +42
61 : #a87dba : +44
63 : #ac83be : +46
65 : #b18ac1 : +48
67 : #b591c5 : +50
69 : #ba97c8 : +52
71 : #be9ecc : +54
73 : #c3a5cf : +56
75 : #c7abd3 : +58
77 : #ccb2d7 : +60
79 : #d0b9da : +62
81 : #d5c0de : +64
83 : #d9c6e1 : +66
85 : #ddcde5 : +68
87 : #e2d4e8 : +70
89 : #e6daec : +72
91 : #ebe1ef : +74
93 : #efe8f3 : +76
95 : #f4eef6 : +78
97 : #f8f5fa : +80
99 : #fdfcfd : +82
CSS入門、作ってます。
text-shadow