Hydroquinone (HQ) and copper ions (Cu2+) are categorized as environmental pollutants that are severely limited in water. Designing a selective assay for discriminating HQ from its two isomers and the convenient determination of Cu2+ is of great importance. Herein, a Tb-based metal-organic framework (Tb-MOF) and HQ are assembled innovatively into a ratiometric fluorescence nanoprobe to selectively distinguish HQ and subsequent quantitative visual detection of Cu2+. The native blue emission of HQ at 338 nm is used as a response signal, while Tb-MOF with green fluorescence offers a reference signal at 545 nm. Notably, neither resorcinol (RC) nor catechol (CC) exhibits obvious emission under the same experimental conditions, which enables discriminating HQ from its isomers. Thus, a ratiometric fluorescence method has been designed for the selective detection of HQ with the fluorescence intensity ratio F338/F545 as the readout. The redox reaction between HQ and Cu2+ induces fluorescence quenching of HQ and no change to that of Tb-MOF, resulting in a noticeable color variation from blue-green to green via the naked eye. Furthermore, sensitive visual detection of Cu2+ is achieved with a low detection limit of 1.67 μM using a smartphone. The satisfactory recoveries and good repeatability of quantitative visualization determined in spiked water samples make this sensing platform suitable for on-site monitoring of environmental samples.