컬러 선택
빠른 조합
그라데이션 미리보기
#FF6B6B
#4ECDC4
CSS 코드
background: linear-gradient(to bottom, #FF6B6B, #4ECDC4);
컬러 하모니 분석
관계
보색
온도차
중간
추천도
높음
알아두기
- CSS 그라데이션은 별도 이미지 없이 순수 코드로 배경·버튼·헤더를 풍부하게 꾸밀 수 있어 웹 성능에 유리합니다.
linear-gradient()는 방향·각도를 지정,radial-gradient()는 원형으로 퍼지는 그라데이션을 생성합니다.- 보색 조합의 그라데이션은 시선을 끄는 강렬한 시각 효과를, 유사색 조합은 자연스럽고 세련된 배경을 만듭니다.
- 생성된 CSS 코드를 복사하여 배경, 텍스트, 테두리 등 다양한 요소에 바로 적용하세요.