#163b2f
RGB ( 赤 = 22, 緑 = 59, 青 = 47 )
HSL ( 色相 = 161°, 彩度 = 46%, 明度 = 16% )
H : 色相 ( 161° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #3c1716 : -160
11 : #3c1d16 : -150
21 : #3c2316 : -140
31 : #3c2916 : -130
41 : #3c3016 : -120
51 : #3c3616 : -110
61 : #3b3c16 : -100
71 : #353c16 : -90
81 : #2e3c16 : -80
91 : #283c16 : -70
101 : #223c16 : -60
111 : #1c3c16 : -50
121 : #163c17 : -40
131 : #163c1d : -30
141 : #163c23 : -20
151 : #163c29 : -10
161 : #163c30 : ±0
171 : #163c36 : +10
181 : #163b3c : +20
191 : #16353c : +30
201 : #162e3c : +40
211 : #16283c : +50
221 : #16223c : +60
231 : #161c3c : +70
241 : #17163c : +80
251 : #1d163c : +90
261 : #23163c : +100
271 : #29163c : +110
281 : #30163c : +120
291 : #36163c : +130
301 : #3c163b : +140
311 : #3c1635 : +150
321 : #3c162e : +160
331 : #3c1628 : +170
341 : #3c1622 : +180
351 : #3c161c : +190
151 : #163c29 : -10
152 : #163c2a : -9
153 : #163c2b : -8
154 : #163c2b : -7
155 : #163c2c : -6
156 : #163c2d : -5
157 : #163c2d : -4
158 : #163c2e : -3
159 : #163c2e : -2
160 : #163c2f : -1
161 : #163c30 : ±0
162 : #163c30 : +1
163 : #163c31 : +2
164 : #163c32 : +3
165 : #163c32 : +4
166 : #163c33 : +5
167 : #163c33 : +6
168 : #163c34 : +7
169 : #163c35 : +8
170 : #163c35 : +9
171 : #163c36 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -46
2 : #282a29 : -44
4 : #272a29 : -42
6 : #262b2a : -40
8 : #262c2a : -38
10 : #252d2a : -36
12 : #242e2b : -34
14 : #232f2b : -32
16 : #222f2b : -30
18 : #21302b : -28
20 : #21312c : -26
22 : #20322c : -24
24 : #1f332c : -22
26 : #1e332d : -20
28 : #1d342d : -18
30 : #1d352d : -16
32 : #1c362e : -14
34 : #1b372e : -12
36 : #1a372e : -10
38 : #19382e : -8
40 : #18392f : -6
42 : #183a2f : -4
44 : #173b2f : -2
46 : #163c30 : ±0
48 : #153c30 : +2
50 : #143d30 : +4
52 : #143e31 : +6
54 : #133f31 : +8
56 : #124031 : +10
58 : #114031 : +12
60 : #104132 : +14
62 : #104232 : +16
64 : #0f4332 : +18
66 : #0e4433 : +20
68 : #0d4533 : +22
70 : #0c4533 : +24
72 : #0b4634 : +26
74 : #0b4734 : +28
76 : #0a4834 : +30
78 : #094934 : +32
80 : #084935 : +34
82 : #074a35 : +36
84 : #074b35 : +38
86 : #064c36 : +40
88 : #054d36 : +42
90 : #044e36 : +44
92 : #034e37 : +46
94 : #024f37 : +48
96 : #025037 : +50
98 : #015137 : +52
100 : #005238 : +54
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #030706 : -14
4 : #060f0c : -12
6 : #081612 : -10
8 : #0b1e18 : -8
10 : #0e251e : -6
12 : #112d24 : -4
14 : #13342a : -2
16 : #163c30 : ±0
18 : #194336 : +2
20 : #1c4a3c : +4
22 : #1e5242 : +6
24 : #215948 : +8
26 : #24614d : +10
28 : #276853 : +12
30 : #297059 : +14
32 : #2c775f : +16
34 : #2f7f65 : +18
36 : #32866b : +20
38 : #348d71 : +22
40 : #379577 : +24
42 : #3a9c7d : +26
44 : #3da483 : +28
46 : #3fab89 : +30
48 : #42b38f : +32
50 : #45ba95 : +34
52 : #4cbd99 : +36
54 : #54c09d : +38
56 : #5bc2a2 : +40
58 : #63c5a6 : +42
60 : #6ac8aa : +44
62 : #72cbae : +46
64 : #79cdb3 : +48
66 : #80d0b7 : +50
68 : #88d3bb : +52
70 : #8fd6bf : +54
72 : #97d8c4 : +56
74 : #9edbc8 : +58
76 : #a6decc : +60
78 : #ade1d0 : +62
80 : #b5e3d5 : +64
82 : #bce6d9 : +66
84 : #c3e9dd : +68
86 : #cbece1 : +70
88 : #d2eee6 : +72
90 : #daf1ea : +74
92 : #e1f4ee : +76
94 : #e9f7f2 : +78
96 : #f0f9f7 : +80
98 : #f8fcfb : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow