header-logo
시작하기Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
사이트 제작직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
계정 및 결제구독, 플랜 및 인보이스를 관리하세요.
Wix 모바일 앱비즈니스를 운영하고 회원과 소통하세요.
도메인 연결도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 관리비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
사이트 홍보SEO 및 마케팅 도구로 가시성을 높이세요.
Studio 및 파트너보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
고객센터해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
Wix Learn강좌 및 튜토리얼을 통해 실력을 향상시키세요.
Wix 블로그웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
SEO 러닝 허브검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
Website development풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
전문가 고용하기목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image
페이지 메뉴
  • 다양한 그라데이션 유형 이해하기
  • 선형, 방사형, 또는 코닉 그라데이션 설정하기
  • 플루이드 그라데이션 설정하기
  • 자주 묻는 질문

Wix 하모니 에디터: 그라데이션 작업하기

6 분
페이지 메뉴
  • 다양한 그라데이션 유형 이해하기
  • 선형, 방사형, 또는 코닉 그라데이션 설정하기
  • 플루이드 그라데이션 설정하기
  • 자주 묻는 질문
이 도움말은 2026년 1월에 출시된 새로운 Wix 하모니 에디터를 참조합니다. Wix 하모니 에디터를 사용 중인지 Wix 에디터를 사용 중인지 확실하지 않다면, 여기에서 자세한 정보를 확인하세요.
그라데이션은 2개 이상의 색상을 함께 혼합해 서로 어우러지도록 함으로써, 단색 배경보다 훨씬 더 역동적인 느낌을 연출해 줍니다.
선형, 방사형, 코닉 및 플루이드 그라데이션 중에서 선택해 사이트를 다양한 디자인을 연출하세요. 더 많은 색상을 추가하고, 각 색상의 투명도를 변경하고, 그라데이션을 브랜드에 저장해 추후 다시 사용할 수 있도록 할 수 있습니다.
그라데이션 배경이 있는 섹션의 셀, 그라데이션을 조정하는 배경 패널 옆에 있습니다.
참고:
현재 그라데이션 배경은 섹션, 섹션 내의 셀, 머리글, 바닥글, 버튼 및 상자에 사용할 수 있습니다.

다양한 그라데이션 유형 이해하기

그라데이션 설정 시에는 4개의 그라데이션 유형 중에서 선택할 수 있습니다. 각 그라데이션은 고유한 시각 효과를 연출하므로 가장 좋은 선택은 원하는 배경 디자인에 따라 달라집니다.
  • 선형: 색상이 한쪽 끝에서 다른 쪽 끝까지 직선으로 혼합됩니다(각도 선택 가능). 방향이 명확한 깔끔하고 단순한 배경에 적합합니다.
  • 방사형: 색상이 중심점에서 바깥쪽으로 퍼져 나갑니다. 이는 중앙 또는 특정 영역으로 관심을 끌 수 있는 더 부드러운 디자인을 연출합니다.
  • 코닉: 색상이 중심점을 중심으로 원형 동작으로 회전합니다(각도 선택 가능). 이를 통해 보다 동적인 스포트라이트 스타일의 효과를 연출할 수 있습니다.
  • 플루이드: 배경 전반에 걸쳐 색상이 더욱 자유롭게 어우러지며, 경계가 덜 뚜렷한 부드러운 그물망 같은 디자인을 연출합니다.
다양한 그라데이션 유형을 클릭한 Wix 하모니 배경 패널의 그라데이션 섹션 GIF

선형, 방사형, 또는 코닉 그라데이션 설정하기

선형, 방사형, 및 코닉 그라데이션은 보다 뚜렷한 색상 전환 효과를 만들어냅니다. 그라데이션에 더 많은 색상을 추가하고 기존 색상을 변경하고, 투명도를 조정해 원하는 디자인을 정확하게 연출할 수 있습니다.  

선형, 방사형, 또는 코닉 그라데이션을 설정하려면:

  1. 에디터로 이동합니다.
  2. 해당 요소를 클릭합니다.
  3. 액션 바에서 배경 변경을 클릭합니다.
  4. 그라데이션 아이콘을 클릭합니다.
  5. 상단에서 선형, 방사형, 또는 코닉 중 그라데이션 유형을 선택합니다.
  6. 옵션을 사용해 그라데이션을 설정합니다.
    • 색상 추가: 새 색상을 추가할 색상 바에 마우스오버합니다. 커서가 아이콘으로 변경되면, 클릭해 색상을 선택합니다.
    • 색상 변경: 색상 바에서 해당 색상 점을 클릭한 후 다른 색상을 선택합니다.
    • 색상 투명도 변경: 색상 바에서 해당 색상 점을 클릭한 후 투명도 슬라이더를 끌거나 정확한 백분율을 입력합니다(예: 100%는 완전히 불투명함을 의미합니다).
    • 색상 삭제: 색상 제거 아이콘을 클릭합니다.
      참고: 그라데이션에는 최소 2개의 색상이 필요합니다. 그라데이션에 2가지 색상만 있는 경우, 이 아이콘은 비활성화됩니다.
  7. 선택한 유형에 따라 그라데이션을 조정합니다.
    • 선형: 그라데이션 미리보기에서 원을 끌어 색상 흐름의 각도를 변경합니다.
    • 방사형: 미리보기 중앙의 원을 끌어 중심점을 이동합니다.
    • 코닉: 각도를 조정하고 미리보기에서 중심점을 끌어 색상의 흐름을 변경합니다.
도움말:
  • 브랜드에 저장 아이콘을 클릭해 추후 사용할 수 있도록 생성한 그라데이션을 저장하세요.
  • 순서 뒤집기 아이콘을 클릭해 색상 순서를 빠르게 반전할 수 있습니다.
Wix 하모니에서 그라데이션 배경이 있는 셀의 GIF, 배경 패널에서 코닉 그라데이션을 조정하고 있습니다.

플루이드 그라데이션 설정하기

플루이드 그라데이션은 더 부드럽고 그물망 같은 색상 혼합을 만들어냅니다. 이 스타일은 색상을 보다 유기적이고 자유롭게 흐르는 느낌을 원할 때 효과적입니다.

플루이드 그라데이션을 설정하려면:

  1. 에디터로 이동합니다.
  2. 해당 요소를 클릭합니다.
  3. 액션 바에서 배경 변경을 클릭합니다.
  4. 그라데이션 아이콘을 클릭한 후 플루이드 아이콘을 클릭합니다.
  5. 옵션을 사용해 그라데이션을 설정합니다.
    • 색상 추가: 미리보기에서 다른 색상을 추가할 위치에 마우스오버합니다. 커서가 아이콘으로 변경되면, 클릭해 색상을 선택합니다.
    • 색상 이동: 색상 점을 클릭하고 끌어 미리보기에서 이동합니다.
    • 색상 변경: 해당 색상 점을 클릭한 후 다른 색상을 선택합니다.
    • 색상 투명도 변경: 해당 색상 점을 클릭한 후 투명도 슬라이더를 드래그합니다.
    • 추가 설정 열기: 추가 설정 아이콘을 클릭해 그라데이션 배경의 크기, 확산 범위 및 색상을 조정합니다.
    • 색상 삭제: 해당 색상 점을 클릭한 후 색상 제거 아이콘을 클릭합니다.
      참고: 그라데이션에는 최소 2개의 색상이 필요합니다. 그라데이션에 2가지 색상만 있는 경우, 이 아이콘은 비활성화됩니다.
도움말:
브랜드에 저장 아이콘을 클릭해 추후 사용할 수 있도록 생성한 그라데이션을 저장하세요.
Wix 하모니에 유동 그라데이션 배경이 있는 셀 및 배경 패널, 다른 색상을 추가하고 조정하고 있습니다.

자주 묻는 질문

아래 질문을 클릭해 자세한 내용을 확인하세요.

Helpmate

안녕하세요 님,

추가 도움이 필요하신가요?
도움말 요약
Unlock personalized helpLog in to get the most out of Helpmate.