Thick single-crystalline fcc colloidal crystals exhibiting structural color are obtained by a solvent evaporation method from silica colloidal particle suspensions. A periodically ordered interconnecting porous structure can be imprinted in thermosensitive N-isopropylacrylamide (NIPA) gels by using the colloidal crystals as templates. The porous structure endows a structural color to the NIPA gels. We find that the peak position of the reflection spectra from the porous gels (lambda(max)') is expressed as a function of the swelling degree and is synchronized with the change in the swelling degree. The color can be precisely tuned by simply changing the amount of the monomer and the cross-linker in the pre-gel solutions. We can estimate the linear expansion factor alpha (>= 1) of the subchains by comparing the peak position at a given situation (lambda(max)') and the reference state (lambda(max,0)'), in which the subchains behave as Gaussian coils. Creating the periodically ordered structure, which is similar in size to the wavelength of optical light, in the gels allows us to determine the behavior of polymer chains by observing the structural color.