The dual-function of a wavelength beam splitter and a power beam splitter is desired in both classical optics and quantum optics. We propose a triple-band large-spatial-separation beam splitter at visible wavelengths using a phase-gradient metasurface in both the x- and y-directions. Under x-polarized normal incidence, the blue light is split in the y-direction into two equal-intensity beams owing to the resonance inside a single meta-atom, the green light is split in the x-direction into another two equal-intensity beams owing to the size variation between adjacent meta-atoms, while the red light passes directly without splitting. The size of the meta-atoms was optimized based on their phase response and transmittance. The simulated working efficiencies under normal incidence are 68.1%, 85.0%, and 81.9% at the wavelengths of 420 nm, 530 nm, and 730 nm, respectively. The sensitivities of the oblique incidence and polarization angle are also discussed.