#3f1238
RGB ( 赤 = 63, 緑 = 18, 青 = 56 )
HSL ( 色相 = 309°, 彩度 = 56%, 明度 = 16% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #401912 : -300
19 : #402012 : -290
29 : #402812 : -280
39 : #403012 : -270
49 : #403712 : -260
59 : #403f12 : -250
69 : #394012 : -240
79 : #314012 : -230
89 : #2a4012 : -220
99 : #224012 : -210
109 : #1a4012 : -200
119 : #134012 : -190
129 : #124019 : -180
139 : #124020 : -170
149 : #124028 : -160
159 : #124030 : -150
169 : #124037 : -140
179 : #12403f : -130
189 : #123940 : -120
199 : #123140 : -110
209 : #122a40 : -100
219 : #122240 : -90
229 : #121a40 : -80
239 : #121340 : -70
249 : #191240 : -60
259 : #201240 : -50
269 : #281240 : -40
279 : #301240 : -30
289 : #371240 : -20
299 : #3f1240 : -10
309 : #401239 : ±0
319 : #401231 : +10
329 : #40122a : +20
339 : #401222 : +30
349 : #40121a : +40
359 : #401213 : +50
299 : #3f1240 : -10
300 : #401240 : -9
301 : #40123f : -8
302 : #40123e : -7
303 : #40123d : -6
304 : #40123d : -5
305 : #40123c : -4
306 : #40123b : -3
307 : #40123a : -2
308 : #40123a : -1
309 : #401239 : ±0
310 : #401238 : +1
311 : #401237 : +2
312 : #401237 : +3
313 : #401236 : +4
314 : #401235 : +5
315 : #401234 : +6
316 : #401233 : +7
317 : #401233 : +8
318 : #401232 : +9
319 : #401231 : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -56
2 : #2a2829 : -54
4 : #2a272a : -52
6 : #2b262b : -50
8 : #2c262b : -48
10 : #2d252c : -46
12 : #2e242c : -44
14 : #2f232d : -42
16 : #2f222d : -40
18 : #30212e : -38
20 : #31212f : -36
22 : #32202f : -34
24 : #331f30 : -32
26 : #331e30 : -30
28 : #341d31 : -28
30 : #351d31 : -26
32 : #361c32 : -24
34 : #371b33 : -22
36 : #371a33 : -20
38 : #381934 : -18
40 : #391834 : -16
42 : #3a1835 : -14
44 : #3b1735 : -12
46 : #3c1636 : -10
48 : #3c1537 : -8
50 : #3d1437 : -6
52 : #3e1438 : -4
54 : #3f1338 : -2
56 : #401239 : ±0
58 : #401139 : +2
60 : #41103a : +4
62 : #42103b : +6
64 : #430f3b : +8
66 : #440e3c : +10
68 : #450d3c : +12
70 : #450c3d : +14
72 : #460b3d : +16
74 : #470b3e : +18
76 : #480a3f : +20
78 : #49093f : +22
80 : #490840 : +24
82 : #4a0740 : +26
84 : #4b0741 : +28
86 : #4c0641 : +30
88 : #4d0542 : +32
90 : #4e0443 : +34
92 : #4e0343 : +36
94 : #4f0244 : +38
96 : #500244 : +40
98 : #510145 : +42
100 : #520045 : +44
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #080207 : -14
4 : #10040e : -12
6 : #180715 : -10
8 : #20091c : -8
10 : #280b23 : -6
12 : #300d2b : -4
14 : #381032 : -2
16 : #401239 : ±0
18 : #481440 : +2
20 : #501647 : +4
22 : #58194e : +6
24 : #5f1b55 : +8
26 : #671d5c : +10
28 : #6f1f63 : +12
30 : #77226a : +14
32 : #7f2472 : +16
34 : #872679 : +18
36 : #8f2880 : +20
38 : #972b87 : +22
40 : #9f2d8e : +24
42 : #a72f95 : +26
44 : #af319c : +28
46 : #b734a3 : +30
48 : #bf36aa : +32
50 : #c738b1 : +34
52 : #c940b5 : +36
54 : #cb48b8 : +38
56 : #ce50bb : +40
58 : #d058be : +42
60 : #d260c1 : +44
62 : #d468c4 : +46
64 : #d770c7 : +48
66 : #d978ca : +50
68 : #db80cd : +52
70 : #dd88d0 : +54
72 : #e090d4 : +56
74 : #e298d7 : +58
76 : #e4a0da : +60
78 : #e6a7dd : +62
80 : #e9afe0 : +64
82 : #ebb7e3 : +66
84 : #edbfe6 : +68
86 : #efc7e9 : +70
88 : #f2cfec : +72
90 : #f4d7ef : +74
92 : #f6dff3 : +76
94 : #f8e7f6 : +78
96 : #fbeff9 : +80
98 : #fdf7fc : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow