This study has successfully demonstrated that the cooperative action of artificial receptors with semi-wet supramolecular hydrogels may produce a unique and efficient molecular recognition device not only for the simple sensing of phosphate derivatives, but also for discriminating among phosphate derivatives. We directly observed by confocal laser scanning microscopy that fluorescent artificial receptors can dynamically change the location between the aqueous cavity and the hydrophobic fibers upon guest-binding under semi-wet conditions provided by the supramolecular hydrogel. On the basis of such a guest-dependent dynamic redistribution of the receptor molecules, a sophisticated means for molecular recognition of phosphate derivatives can be rationally designed in the hydrogel matrix. That is, the elaborate utilization of the hydrophobic fibrous domains, as well as the water-rich hydrophilic cavities, enables us to establish three distinct signal transduction modes for phosphate sensing: the use of (i) a photoinduced electron transfer type of chemosensor, (ii) an environmentally sensitive probe, and (iii) an artificial receptor displaying a fluorescence resonance energy transfer type of fluorescent signal change. Thus, one can selectively sense and discriminate the various phosphate derivatives, such as phosphate, phospho-tyrosine, phenyl phosphate, and adenosine triphosphate, using a fluorescence wavelength shift and a seesaw type of ratiometric fluorescence change, as well as a simple fluorescence intensity change. It is also shown that an array of the miniaturized hydrogel is promising for the rapid and high-throughput sensing of these phosphate derivatives.