2색 그라데이션 팔레트
두 가지 컬러를 선택하여 다양한 그라데이션 조합을 만들어보세요.
웹 디자인, 그래픽 디자인에 바로 사용할 수 있는 CSS 코드도 제공합니다.
빠른 조합
그라데이션 미리보기
#FF6B6B
#4ECDC4
background: linear-gradient(to bottom, #FF6B6B, #4ECDC4);
컬러 하모니 분석
관계
보색
온도차
중간
추천도
높음
두 가지 컬러로 만든 아름다운 그라데이션 팔레트를 생성하세요.
두 가지 컬러를 선택하여 다양한 그라데이션 조합을 만들어보세요.
웹 디자인, 그래픽 디자인에 바로 사용할 수 있는 CSS 코드도 제공합니다.
background: linear-gradient(to bottom, #FF6B6B, #4ECDC4);
두 가지 컬러를 선택하여 다양한 방향과 스타일의 그라데이션을 만들고 CSS 코드를 생성합니다.
컬러 피커나 HEX 코드로 색상을 선택하고, 8가지 방향(수평, 수직, 대각선, 원형)과 강도 조절로 원하는 그라데이션을 만들어보세요. 프리셋 조합으로 빠른 시작도 가능합니다.
| 방향 | CSS | 용도 |
|---|---|---|
| 수평 (→) | to right | 배너, 헤더 배경 |
| 수직 (↓) | to bottom | 전체 페이지 배경 |
| 대각선 (↘) | 135deg | 카드, 버튼 강조 |
| 원형 | radial-gradient | 원형 배경, 하이라이트 |