Studio 에디터: 사이트 색상 작업하기
3 분 분량
사이트 색상은 사이트 전체에서 사용되는 전반적인 색상 테마를 구성합니다. 이 테마는 다양한 범주(예: 배경 및 텍스트)에 적용되는 색상 범위로 나누어져 있으며, 특정 음영을 포함합니다.
단색 및 색상 범위 모두 사용자 지정할 수 있으므로 필요에 따라 사이트의 특정 부분을 디자인하고 조정할 수 있습니다.
다음 도움말을 참고하세요.
사이트 색상은 어떻게 찾나요?
사이트 색상 편집하기
디자인 요구 사항에 따라 카테고리의 전체 범위 또는 범위 내의 특정 음영을 사용자 지정할 수 있습니다.
사이트 색상을 편집하려면:
- 에디터 왼쪽에서 사이트 스타일
을 클릭합니다. - 색상 탭을 클릭합니다.
- 색상 범위 또는 개별 색상 중 조정할 항목을 선택합니다.
- 색상 범위:
- 해당 범위에서 색상 범위 편집
아이콘을 클릭합니다. - 다음 옵션에서 범위의 중간 색상을 선택하는 방법을 선택합니다.
- 선택기에서 커서를 사용해 새 색상을 선택합니다.
- 해당 입력란에 HEX, RGB, HSB 정보를 입력합니다.
- 드로퍼
를 클릭해 화면에서 새 색상을 선택합니다.
- 적용을 클릭합니다.
- 해당 범위에서 색상 범위 편집
- 단색:
- 음영에 마우스오버한 후 편집 아이콘을 클릭합니다.
- 다음 옵션에서 새 색상 선택 방법을 선택합니다.
- 선택기에서 커서를 사용해 새 색상을 선택합니다.
- 해당 입력란에 HEX, RGB, HSB 정보를 입력합니다.
- 드로퍼
- 적용을 클릭합니다.
- 음영에 마우스오버한 후 편집
- 색상 범위:
요소에 사이트 색상 적용하기
카테고리에 색상이 지정되면, 요소 추가 패널의 일부 테마 요소(예: 스타일이 지정된 텍스트 요소)에 자동으로 적용됩니다. 속성을 사용해 캔버스의 요소에 사이트 색상을 적용할 수도 있습니다.
요소에 사이트 색상을 적용하려면:
- 해당 요소를 선택합니다.
- Studio 에디터 오른쪽 상단에서 속성 열기
화살표를 클릭합니다.
- 디자인
탭을 엽니다.
- 색상 아래의 색상 상자를 클릭해 선택기를 엽니다.
- 테마 색상에서 색상을 선택해 적용합니다.
참고:
요소에 2개 이상의 색상이 사용된 경우, 관련 색상 상자를 클릭해 각 음영을 사용자 지정할 수 있습니다.
자주 묻는 질문
아래 질문을 클릭해 색상 사용에 대한 자세한 내용을 확인하세요.
사이트 색상을 변경하면 기존 요소에 영향을 미치나요?
범위 변경은 어떻게 작동하나요?
도움이 되었나요?
|