그라데이션 만들기
CSS 그라데이션 코드
방향135°
그라데이션 만들기 소개
색 두세 가지와 방향을 골라 그라데이션을 만드는 도구입니다. 만든 그라데이션은 웹사이트에 바로 쓸 수 있는 CSS 코드로 복사하거나, 발표 자료·썸네일 배경으로 쓸 PNG 그림으로 저장할 수 있습니다.
사용법
- 색을 두 가지 이상 고릅니다.
- 모양(직선·원형)과 방향을 맞춥니다.
- CSS 코드를 복사하거나 PNG로 저장합니다.
자주 묻는 질문
- CSS 코드는 어디에 넣나요?
- 배경을 넣을 요소의 background 속성에 넣습니다. 예: background: linear-gradient(135deg, #7048e8, #f783ac);
- 그라데이션이 탁해 보여요.
- 보색처럼 색상이 정반대인 두 색을 이으면 가운데가 회색빛으로 탁해집니다. 색상환에서 가까운 색끼리 잇거나, 가운데에 중간 색을 하나 더 넣어 보세요.