#163b2e
RGB ( 赤 = 22, 緑 = 59, 青 = 46 )
HSL ( 色相 = 159°, 彩度 = 46%, 明度 = 16% )
H : 色相 ( 159° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #3c1c16 : -150
19 : #3c2216 : -140
29 : #3c2816 : -130
39 : #3c2e16 : -120
49 : #3c3516 : -110
59 : #3c3b16 : -100
69 : #363c16 : -90
79 : #303c16 : -80
89 : #293c16 : -70
99 : #233c16 : -60
109 : #1d3c16 : -50
119 : #173c16 : -40
129 : #163c1c : -30
139 : #163c22 : -20
149 : #163c28 : -10
159 : #163c2e : ±0
169 : #163c35 : +10
179 : #163c3b : +20
189 : #16363c : +30
199 : #16303c : +40
209 : #16293c : +50
219 : #16233c : +60
229 : #161d3c : +70
239 : #16173c : +80
249 : #1c163c : +90
259 : #22163c : +100
269 : #28163c : +110
279 : #2e163c : +120
289 : #35163c : +130
299 : #3b163c : +140
309 : #3c1636 : +150
319 : #3c1630 : +160
329 : #3c1629 : +170
339 : #3c1623 : +180
349 : #3c161d : +190
359 : #3c1617 : +200
149 : #163c28 : -10
150 : #163c29 : -9
151 : #163c29 : -8
152 : #163c2a : -7
153 : #163c2b : -6
154 : #163c2b : -5
155 : #163c2c : -4
156 : #163c2d : -3
157 : #163c2d : -2
158 : #163c2e : -1
159 : #163c2e : ±0
160 : #163c2f : +1
161 : #163c30 : +2
162 : #163c30 : +3
163 : #163c31 : +4
164 : #163c32 : +5
165 : #163c32 : +6
166 : #163c33 : +7
167 : #163c33 : +8
168 : #163c34 : +9
169 : #163c35 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -46
2 : #282a29 : -44
4 : #272a29 : -42
6 : #262b2a : -40
8 : #262c2a : -38
10 : #252d2a : -36
12 : #242e2a : -34
14 : #232f2b : -32
16 : #222f2b : -30
18 : #21302b : -28
20 : #21312b : -26
22 : #20322b : -24
24 : #1f332c : -22
26 : #1e332c : -20
28 : #1d342c : -18
30 : #1d352c : -16
32 : #1c362d : -14
34 : #1b372d : -12
36 : #1a372d : -10
38 : #19382d : -8
40 : #18392e : -6
42 : #183a2e : -4
44 : #173b2e : -2
46 : #163c2e : ±0
48 : #153c2f : +2
50 : #143d2f : +4
52 : #143e2f : +6
54 : #133f2f : +8
56 : #124030 : +10
58 : #114030 : +12
60 : #104130 : +14
62 : #104230 : +16
64 : #0f4331 : +18
66 : #0e4431 : +20
68 : #0d4531 : +22
70 : #0c4531 : +24
72 : #0b4632 : +26
74 : #0b4732 : +28
76 : #0a4832 : +30
78 : #094932 : +32
80 : #084933 : +34
82 : #074a33 : +36
84 : #074b33 : +38
86 : #064c33 : +40
88 : #054d34 : +42
90 : #044e34 : +44
92 : #034e34 : +46
94 : #024f34 : +48
96 : #025035 : +50
98 : #015135 : +52
100 : #005235 : +54
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #030706 : -14
4 : #060f0c : -12
6 : #081611 : -10
8 : #0b1e17 : -8
10 : #0e251d : -6
12 : #112d23 : -4
14 : #133429 : -2
16 : #163c2e : ±0
18 : #194334 : +2
20 : #1c4a3a : +4
22 : #1e5240 : +6
24 : #215946 : +8
26 : #24614b : +10
28 : #276851 : +12
30 : #297057 : +14
32 : #2c775d : +16
34 : #2f7f63 : +18
36 : #328668 : +20
38 : #348d6e : +22
40 : #379574 : +24
42 : #3a9c7a : +26
44 : #3da480 : +28
46 : #3fab85 : +30
48 : #42b38b : +32
50 : #45ba91 : +34
52 : #4cbd95 : +36
54 : #54c09a : +38
56 : #5bc29e : +40
58 : #63c5a3 : +42
60 : #6ac8a7 : +44
62 : #72cbab : +46
64 : #79cdb0 : +48
66 : #80d0b4 : +50
68 : #88d3b9 : +52
70 : #8fd6bd : +54
72 : #97d8c1 : +56
74 : #9edbc6 : +58
76 : #a6deca : +60
78 : #ade1cf : +62
80 : #b5e3d3 : +64
82 : #bce6d7 : +66
84 : #c3e9dc : +68
86 : #cbece0 : +70
88 : #d2eee5 : +72
90 : #daf1e9 : +74
92 : #e1f4ed : +76
94 : #e9f7f2 : +78
96 : #f0f9f6 : +80
98 : #f8fcfb : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow