Fluorescent hydrogels have been widely used in many fields due to their unique luminescent properties and good physical and chemical properties. Due to the different substitution points of naphthyl groups, two asymmetric naphthyl-substituted diaryldibenzofulvenes of NPF were prepared through the Suzuki reaction, exhibiting good aggregation induced emission (AIE) performance. Among them, the product of NPF-1 showed cyan fluorescence. The emission of NPF-2 ranged from cyan to yellow green with increasing water content in THF/water solutions. The two AIE compounds were added into the polyacrylamide hydrogels though physical blending method. By adjusting the oil/water ratio and NPF contents, the different fluorescence emission could be achieved from the prepared fluorescent hydrogels. The NPF-1 based hydrogels emitted cyan light, while 2-NPF based hydrogels displayed a shifted emission from cyan to yellow green fluorescence. The NPF hydrogels showed fluorescence emission change response to the specific ions (Fe3+, Co2+), due to the weak cross-linking between ions and hydrogel matrix. Meanwhile, the weak interaction could be unlocked by H+ in HCl solution, which restored the fluorescence properties of the NPF hydrogels, thereby demonstrating excellent switch response cycle stability. The design combination patterns of NPF FL hydrogels and the fluorescent switching behaviors triggered by ion/H+ could be applied in anti-counterfeiting and decryption. Thereby, the multicolor-emitting fluorescent NPF hydrogels with unique ion switch response display the potential in applications in information storage, information recognition, information encryption, and other areas.