Hydrogen sulfide (H2S) is both a biologically significant signaling molecule, and a harmful gas that is generated in the environment; thus, its detection and monitoring are required in range of biological and environmental systems. Most fluorescent probes for H2S detection rely on single-detection fluorescence signals, making them vulnerable to interference from other species in complex microenvironment. In this study, we developed a ratiometric fluorogenic and colorimetric assay for H2S detection, in which pyrene and naphthalimide fluorophores operate together to provide a selective and sensitive detection system. Pyrene maintains fluorescence (always ‘On’), while naphthalimide exhibits an ‘On-Off’ response through thiolysis with H2S. By measuring the ratiometric fluorescence from these moieties, a self-calibrating response can be measured that is resistant to interference from other species in the microenvironments. The probe was used to measure H2S generation from H2S donor substrates and to monitor H2S fluctuations within living cells through selective, ratiometric fluorescence changes and real-time, dual-channel fluorescence imaging.