그레이디언트는 두 개 이상의 색이 위치에 따라 이어지며 변하는 표현이다. 색의 변화로 깊이, 방향, 빛의 인상을 만들 수 있다.

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

## 참고

- [MDN: 그레이디언트](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/gradient)

#색 #CSS #기초