#311637
RGB ( 赤 = 49, 緑 = 22, 青 = 55 )
HSL ( 色相 = 289°, 彩度 = 43%, 明度 = 15% )
H : 色相 ( 289° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #371b16 : -280
19 : #372016 : -270
29 : #372616 : -260
39 : #372b16 : -250
49 : #373116 : -240
59 : #373616 : -230
69 : #323716 : -220
79 : #2c3716 : -210
89 : #273716 : -200
99 : #213716 : -190
109 : #1c3716 : -180
119 : #163716 : -170
129 : #16371b : -160
139 : #163720 : -150
149 : #163726 : -140
159 : #16372b : -130
169 : #163731 : -120
179 : #163736 : -110
189 : #163237 : -100
199 : #162c37 : -90
209 : #162737 : -80
219 : #162137 : -70
229 : #161c37 : -60
239 : #161637 : -50
249 : #1b1637 : -40
259 : #201637 : -30
269 : #261637 : -20
279 : #2b1637 : -10
289 : #311637 : ±0
299 : #361637 : +10
309 : #371632 : +20
319 : #37162c : +30
329 : #371627 : +40
339 : #371621 : +50
349 : #37161c : +60
359 : #371616 : +70
279 : #2b1637 : -10
280 : #2c1637 : -9
281 : #2c1637 : -8
282 : #2d1637 : -7
283 : #2d1637 : -6
284 : #2e1637 : -5
285 : #2e1637 : -4
286 : #2f1637 : -3
287 : #301637 : -2
288 : #301637 : -1
289 : #311637 : ±0
290 : #311637 : +1
291 : #321637 : +2
292 : #321637 : +3
293 : #331637 : +4
294 : #331637 : +5
295 : #341637 : +6
296 : #351637 : +7
297 : #351637 : +8
298 : #361637 : +9
299 : #361637 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #262627 : -42
3 : #272527 : -40
5 : #272428 : -38
7 : #282429 : -36
9 : #28232a : -34
11 : #29222a : -32
13 : #29212b : -30
15 : #2a212c : -28
17 : #2a202d : -26
19 : #2b1f2e : -24
21 : #2b1e2e : -22
23 : #2c1d2f : -20
25 : #2c1d30 : -18
27 : #2d1c31 : -16
29 : #2d1b31 : -14
31 : #2e1a32 : -12
33 : #2e1a33 : -10
35 : #2f1934 : -8
37 : #2f1834 : -6
39 : #301735 : -4
41 : #301736 : -2
43 : #311637 : ±0
45 : #311537 : +2
47 : #321438 : +4
49 : #321439 : +6
51 : #33133a : +8
53 : #33123b : +10
55 : #34113b : +12
57 : #34103c : +14
59 : #35103d : +16
61 : #350f3e : +18
63 : #360e3e : +20
65 : #360d3f : +22
67 : #360d40 : +24
69 : #370c41 : +26
71 : #370b41 : +28
73 : #380a42 : +30
75 : #380a43 : +32
77 : #390944 : +34
79 : #390844 : +36
81 : #3a0745 : +38
83 : #3a0746 : +40
85 : #3b0647 : +42
87 : #3b0548 : +44
89 : #3c0448 : +46
91 : #3c0349 : +48
93 : #3d034a : +50
95 : #3d024b : +52
97 : #3e014b : +54
99 : #3e004c : +56
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -14
3 : #0a040b : -12
5 : #100712 : -10
7 : #170a1a : -8
9 : #1d0d21 : -6
11 : #241028 : -4
13 : #2a132f : -2
15 : #311637 : ±0
17 : #37193e : +2
19 : #3e1c45 : +4
21 : #441f4d : +6
23 : #4b2154 : +8
25 : #51245b : +10
27 : #582762 : +12
29 : #5e2a6a : +14
31 : #652d71 : +16
33 : #6b3078 : +18
35 : #723380 : +20
37 : #783687 : +22
39 : #7f398e : +24
41 : #853c96 : +26
43 : #8c3f9d : +28
45 : #9241a4 : +30
47 : #9844ab : +32
49 : #9f47b3 : +34
51 : #a44cb8 : +36
53 : #a854bb : +38
55 : #ac5bbe : +40
57 : #af62c0 : +42
59 : #b369c3 : +44
61 : #b771c6 : +46
63 : #ba78c9 : +48
65 : #be7fcc : +50
67 : #c287cf : +52
69 : #c58ed2 : +54
71 : #c995d5 : +56
73 : #cd9dd8 : +58
75 : #d1a4db : +60
77 : #d4abde : +62
79 : #d8b2e0 : +64
81 : #dcbae3 : +66
83 : #dfc1e6 : +68
85 : #e3c8e9 : +70
87 : #e7d0ec : +72
89 : #ebd7ef : +74
91 : #eedef2 : +76
93 : #f2e5f5 : +78
95 : #f6edf8 : +80
97 : #f9f4fb : +82
99 : #fdfbfe : +84
CSS入門、作ってます。
text-shadow