#45163a
RGB ( 赤 = 69, 緑 = 22, 青 = 58 )
HSL ( 色相 = 314°, 彩度 = 52%, 明度 = 18% )
H : 色相 ( 314° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #461916 : -310
14 : #462116 : -300
24 : #462916 : -290
34 : #463116 : -280
44 : #463916 : -270
54 : #464116 : -260
64 : #434616 : -250
74 : #3b4616 : -240
84 : #334616 : -230
94 : #2b4616 : -220
104 : #234616 : -210
114 : #1b4616 : -200
124 : #164619 : -190
134 : #164621 : -180
144 : #164629 : -170
154 : #164631 : -160
164 : #164639 : -150
174 : #164641 : -140
184 : #164346 : -130
194 : #163b46 : -120
204 : #163346 : -110
214 : #162b46 : -100
224 : #162346 : -90
234 : #161b46 : -80
244 : #191646 : -70
254 : #211646 : -60
264 : #291646 : -50
274 : #311646 : -40
284 : #391646 : -30
294 : #411646 : -20
304 : #461643 : -10
314 : #46163b : ±0
324 : #461633 : +10
334 : #46162b : +20
344 : #461623 : +30
354 : #46161b : +40
304 : #461643 : -10
305 : #461642 : -9
306 : #461641 : -8
307 : #461640 : -7
308 : #46163f : -6
309 : #46163f : -5
310 : #46163e : -4
311 : #46163d : -3
312 : #46163c : -2
313 : #46163b : -1
314 : #46163b : ±0
315 : #46163a : +1
316 : #461639 : +2
317 : #461638 : +3
318 : #461637 : +4
319 : #461637 : +5
320 : #461636 : +6
321 : #461635 : +7
322 : #461634 : +8
323 : #461633 : +9
324 : #461633 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -52
2 : #2f2d2e : -50
4 : #302c2f : -48
6 : #312b2f : -46
8 : #322a30 : -44
10 : #322930 : -42
12 : #332831 : -40
14 : #342731 : -38
16 : #352732 : -36
18 : #362632 : -34
20 : #372533 : -32
22 : #382433 : -30
24 : #392334 : -28
26 : #3a2234 : -26
28 : #3b2135 : -24
30 : #3c2035 : -22
32 : #3d1f36 : -20
34 : #3e1e36 : -18
36 : #3e1d37 : -16
38 : #3f1c37 : -14
40 : #401c38 : -12
42 : #411b38 : -10
44 : #421a39 : -8
46 : #431939 : -6
48 : #44183a : -4
50 : #45173a : -2
52 : #46163b : ±0
54 : #47153b : +2
56 : #48143c : +4
58 : #49133c : +6
60 : #49123d : +8
62 : #4a113d : +10
64 : #4b113e : +12
66 : #4c103e : +14
68 : #4d0f3f : +16
70 : #4e0e3f : +18
72 : #4f0d40 : +20
74 : #500c40 : +22
76 : #510b41 : +24
78 : #520a41 : +26
80 : #530941 : +28
82 : #540842 : +30
84 : #540742 : +32
86 : #550643 : +34
88 : #560643 : +36
90 : #570544 : +38
92 : #580444 : +40
94 : #590345 : +42
96 : #5a0245 : +44
98 : #5b0146 : +46
100 : #5c0046 : +48
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #080207 : -16
4 : #10050d : -14
6 : #170714 : -12
8 : #1f0a1a : -10
10 : #270c21 : -8
12 : #2f0f27 : -6
14 : #36112e : -4
16 : #3e1434 : -2
18 : #46163b : ±0
20 : #4e1841 : +2
22 : #551b48 : +4
24 : #5d1d4e : +6
26 : #652055 : +8
28 : #6d225b : +10
30 : #742562 : +12
32 : #7c2768 : +14
34 : #842a6f : +16
36 : #8c2c75 : +18
38 : #932f7c : +20
40 : #9b3182 : +22
42 : #a33389 : +24
44 : #ab368f : +26
46 : #b23896 : +28
48 : #ba3b9c : +30
50 : #c23da3 : +32
52 : #c445a7 : +34
54 : #c74daa : +36
56 : #c954ae : +38
58 : #cc5cb2 : +40
60 : #ce64b5 : +42
62 : #d06cb9 : +44
64 : #d373bd : +46
66 : #d57bc0 : +48
68 : #d883c4 : +50
70 : #da8bc8 : +52
72 : #dd92cb : +54
74 : #df9acf : +56
76 : #e2a2d3 : +58
78 : #e4aad6 : +60
80 : #e7b1da : +62
82 : #e9b9de : +64
84 : #ebc1e2 : +66
86 : #eec9e5 : +68
88 : #f0d0e9 : +70
90 : #f3d8ed : +72
92 : #f5e0f0 : +74
94 : #f8e8f4 : +76
96 : #faeff8 : +78
98 : #fdf7fb : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow