#161246
RGB ( 赤 = 22, 緑 = 18, 青 = 70 )
HSL ( 色相 = 245°, 彩度 = 59%, 明度 = 17% )
H : 色相 ( 245° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #451612 : -240
15 : #451f12 : -230
25 : #452712 : -220
35 : #453012 : -210
45 : #453812 : -200
55 : #454112 : -190
65 : #414512 : -180
75 : #384512 : -170
85 : #304512 : -160
95 : #274512 : -150
105 : #1f4512 : -140
115 : #164512 : -130
125 : #124516 : -120
135 : #12451f : -110
145 : #124527 : -100
155 : #124530 : -90
165 : #124538 : -80
175 : #124541 : -70
185 : #124145 : -60
195 : #123845 : -50
205 : #123045 : -40
215 : #122745 : -30
225 : #121f45 : -20
235 : #121645 : -10
245 : #161245 : ±0
255 : #1f1245 : +10
265 : #271245 : +20
275 : #301245 : +30
285 : #381245 : +40
295 : #411245 : +50
305 : #451241 : +60
315 : #451238 : +70
325 : #451230 : +80
335 : #451227 : +90
345 : #45121f : +100
355 : #451216 : +110
235 : #121645 : -10
236 : #121545 : -9
237 : #121445 : -8
238 : #121345 : -7
239 : #121345 : -6
240 : #121245 : -5
241 : #131245 : -4
242 : #131245 : -3
243 : #141245 : -2
244 : #151245 : -1
245 : #161245 : ±0
246 : #171245 : +1
247 : #181245 : +2
248 : #191245 : +3
249 : #191245 : +4
250 : #1a1245 : +5
251 : #1b1245 : +6
252 : #1c1245 : +7
253 : #1d1245 : +8
254 : #1e1245 : +9
255 : #1f1245 : +10
S : 彩度 ( 59% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2b2b2c : -58
3 : #2a2a2d : -56
5 : #2a292e : -54
7 : #29282e : -52
9 : #28272f : -50
11 : #272730 : -48
13 : #272631 : -46
15 : #262532 : -44
17 : #252433 : -42
19 : #242334 : -40
21 : #242234 : -38
23 : #232135 : -36
25 : #222136 : -34
27 : #222037 : -32
29 : #211f38 : -30
31 : #201e39 : -28
33 : #1f1d3a : -26
35 : #1f1c3b : -24
37 : #1e1b3b : -22
39 : #1d1a3c : -20
41 : #1d1a3d : -18
43 : #1c193e : -16
45 : #1b183f : -14
47 : #1a1740 : -12
49 : #1a1641 : -10
51 : #191541 : -8
53 : #181442 : -6
55 : #171443 : -4
57 : #171344 : -2
59 : #161245 : ±0
61 : #151146 : +2
63 : #151047 : +4
65 : #140f48 : +6
67 : #130e48 : +8
69 : #120d49 : +10
71 : #120d4a : +12
73 : #110c4b : +14
75 : #100b4c : +16
77 : #100a4d : +18
79 : #0f094e : +20
81 : #0e084e : +22
83 : #0d074f : +24
85 : #0d0750 : +26
87 : #0c0651 : +28
89 : #0b0552 : +30
91 : #0a0453 : +32
93 : #0a0354 : +34
95 : #090255 : +36
97 : #080155 : +38
99 : #080056 : +40
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -16
3 : #04030c : -14
5 : #060514 : -12
7 : #09071c : -10
9 : #0c0924 : -8
11 : #0e0c2d : -6
13 : #110e35 : -4
15 : #13103d : -2
17 : #161245 : ±0
19 : #19144d : +2
21 : #1b1655 : +4
23 : #1e185d : +6
25 : #201a65 : +8
27 : #231c6d : +10
29 : #261e76 : +12
31 : #28207e : +14
33 : #2b2386 : +16
35 : #2d258e : +18
37 : #302796 : +20
39 : #33299e : +22
41 : #352ba6 : +24
43 : #382dae : +26
45 : #3a2fb6 : +28
47 : #3d31bf : +30
49 : #4033c7 : +32
51 : #4538cc : +34
53 : #4c40ce : +36
55 : #5449d0 : +38
57 : #5b51d2 : +40
59 : #6359d4 : +42
61 : #6b61d6 : +44
63 : #7269d8 : +46
65 : #7a71da : +48
67 : #8179dc : +50
69 : #8981df : +52
71 : #9189e1 : +54
73 : #9892e3 : +56
75 : #a09ae5 : +58
77 : #a8a2e7 : +60
79 : #afaae9 : +62
81 : #b7b2eb : +64
83 : #bebaed : +66
85 : #c6c2ef : +68
87 : #cecaf1 : +70
89 : #d5d2f3 : +72
91 : #dddbf6 : +74
93 : #e4e3f8 : +76
95 : #ecebfa : +78
97 : #f4f3fc : +80
99 : #fbfbfe : +82
CSS入門、作ってます。
text-shadow