그레이디언트(gradient)는 두 개 이상의 색이 위치에 따라 이어지며 변하는 표현이다. 색의 변화로 깊이, 방향, 빛의 인상을 만들 수 있다.
- CSS에는 선형·방사형·원뿔형 그레이디언트가 있다. 변화가 어느 지점에서 어떤 색에 도달하는지는 색상 정지점으로 정한다.
- 색이 변하는 사진 위에 글자를 올릴 때는 글자 뒤의 각 부분에서 대비가 달라진다. 화면 한 지점만 확인해서 전체의 읽기를 보장하기 어렵다.
- 두 색을 어떤 색 공간에서 이어주는지에 따라 중간색도 달라질 수 있다. 색상 팔레트의 끝 색만 같아도 같은 변화가 만들어지는 것은 아니다.