Stimuli-responsive hydrogels are being extensively studied to alter their physiochemical properties in response to external changes such as temperature, pH, light and mechanical stress. This study reports multi-responsive hydrogel having optical change response to external stress. First, we synthesized a novel spiropyran cross-linker successfully by grafting poly(ethylene glycol) diacrylate (PEGDA) on both side of spiropyran and introduced to hydrogel. In the results, the yellow spriopyran structure was conversed to purple merocyaine structure by internal stress during swelling of the hydrogels cross-linked with the SP-PEGDAs. Also, the hydrogel could be visualized the swelling and deswelling process in response to pH, by converting MC and prontonated MC structure.