#3c163b
RGB ( 赤 = 60, 緑 = 22, 青 = 59 )
HSL ( 色相 = 302°, 彩度 = 46%, 明度 = 16% )
H : 色相 ( 302° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #3c1716 : -300
12 : #3c1e16 : -290
22 : #3c2416 : -280
32 : #3c2a16 : -270
42 : #3c3016 : -260
52 : #3c3716 : -250
62 : #3a3c16 : -240
72 : #343c16 : -230
82 : #2e3c16 : -220
92 : #283c16 : -210
102 : #213c16 : -200
112 : #1b3c16 : -190
122 : #163c17 : -180
132 : #163c1e : -170
142 : #163c24 : -160
152 : #163c2a : -150
162 : #163c30 : -140
172 : #163c37 : -130
182 : #163a3c : -120
192 : #16343c : -110
202 : #162e3c : -100
212 : #16283c : -90
222 : #16213c : -80
232 : #161b3c : -70
242 : #17163c : -60
252 : #1e163c : -50
262 : #24163c : -40
272 : #2a163c : -30
282 : #30163c : -20
292 : #37163c : -10
302 : #3c163a : ±0
312 : #3c1634 : +10
322 : #3c162e : +20
332 : #3c1628 : +30
342 : #3c1621 : +40
352 : #3c161b : +50
292 : #37163c : -10
293 : #37163c : -9
294 : #38163c : -8
295 : #38163c : -7
296 : #39163c : -6
297 : #3a163c : -5
298 : #3a163c : -4
299 : #3b163c : -3
300 : #3c163c : -2
301 : #3c163b : -1
302 : #3c163a : ±0
303 : #3c163a : +1
304 : #3c1639 : +2
305 : #3c1638 : +3
306 : #3c1638 : +4
307 : #3c1637 : +5
308 : #3c1637 : +6
309 : #3c1636 : +7
310 : #3c1635 : +8
311 : #3c1635 : +9
312 : #3c1634 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -46
2 : #2a282a : -44
4 : #2a272a : -42
6 : #2b262b : -40
8 : #2c262c : -38
10 : #2d252d : -36
12 : #2e242d : -34
14 : #2f232e : -32
16 : #2f222f : -30
18 : #302130 : -28
20 : #312130 : -26
22 : #322031 : -24
24 : #331f32 : -22
26 : #331e33 : -20
28 : #341d33 : -18
30 : #351d34 : -16
32 : #361c35 : -14
34 : #371b36 : -12
36 : #371a37 : -10
38 : #381937 : -8
40 : #391838 : -6
42 : #3a1839 : -4
44 : #3b173a : -2
46 : #3c163a : ±0
48 : #3c153b : +2
50 : #3d143c : +4
52 : #3e143d : +6
54 : #3f133d : +8
56 : #40123e : +10
58 : #40113f : +12
60 : #411040 : +14
62 : #421040 : +16
64 : #430f41 : +18
66 : #440e42 : +20
68 : #450d43 : +22
70 : #450c43 : +24
72 : #460b44 : +26
74 : #470b45 : +28
76 : #480a46 : +30
78 : #490947 : +32
80 : #490847 : +34
82 : #4a0748 : +36
84 : #4b0749 : +38
86 : #4c064a : +40
88 : #4d054a : +42
90 : #4e044b : +44
92 : #4e034c : +46
94 : #4f024d : +48
96 : #50024d : +50
98 : #51014e : +52
100 : #52004f : +54
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #070307 : -14
4 : #0f060f : -12
6 : #160816 : -10
8 : #1e0b1d : -8
10 : #250e24 : -6
12 : #2d112c : -4
14 : #341333 : -2
16 : #3c163a : ±0
18 : #431942 : +2
20 : #4a1c49 : +4
22 : #521e50 : +6
24 : #592157 : +8
26 : #61245f : +10
28 : #682766 : +12
30 : #70296d : +14
32 : #772c75 : +16
34 : #7f2f7c : +18
36 : #863283 : +20
38 : #8d348b : +22
40 : #953792 : +24
42 : #9c3a99 : +26
44 : #a43da0 : +28
46 : #ab3fa8 : +30
48 : #b342af : +32
50 : #ba45b6 : +34
52 : #bd4cb9 : +36
54 : #c054bc : +38
56 : #c25bbf : +40
58 : #c563c2 : +42
60 : #c86ac5 : +44
62 : #cb72c8 : +46
64 : #cd79cb : +48
66 : #d080ce : +50
68 : #d388d0 : +52
70 : #d68fd3 : +54
72 : #d897d6 : +56
74 : #db9ed9 : +58
76 : #dea6dc : +60
78 : #e1addf : +62
80 : #e3b5e2 : +64
82 : #e6bce5 : +66
84 : #e9c3e8 : +68
86 : #eccbeb : +70
88 : #eed2ee : +72
90 : #f1daf0 : +74
92 : #f4e1f3 : +76
94 : #f7e9f6 : +78
96 : #f9f0f9 : +80
98 : #fcf8fc : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow