보고서 색상 지정 방법

일관되고 의미 있는 방식으로 색상을 지정하면 시선을 사로잡을 뿐 아니라 이해하기도 쉬운 보고서를 만들 수 있습니다. 페이지 및 구성요소 배경, 텍스트 글꼴, 차트 경계선, 그리드 같은 정적 요소를 포함해 보고서의 다양한 요소에 색상 및 스타일 옵션을 적용할 수 있습니다. 막대 및 선, 측정항목 및 측정기준 값, 원형 차트 조각, 지역 등 데이터 요소에도 색상을 적용할 수 있습니다.

이 페이지에서는 Looker Studio에서 색상을 사용하는 방법을 설명합니다.

테마

기본 색상 테마를 사용하면 매력적인 동시에 시각적으로 일관된 보고서를 빠르고 쉽게 만들 수 있습니다. 테마를 적용하면 보고서에서 정적인 요소와 데이터 요소의 설정이 모두 한 번에 업데이트되기 때문에 시간과 수고를 줄일 수 있습니다.

속성을 변경하면 테마를 맞춤설정할 수 있습니다.

테마에 대해 자세히 알아보기

개별 구성요소의 스타일 지정

개별 구성요소의 색상과 스타일 설정을 변경할 수 있습니다.

  1. 보고서를 수정합니다.
  2. 구성요소를 1개 이상 선택합니다.
  3. 스타일 탭을 선택합니다.
  4. 원하는 스타일 설정으로 변경합니다. 구성요소를 2개 이상 선택한 경우 선택한 모든 구성요소에 공통된 설정만 표시됩니다.

개별 구성요소의 스타일을 지정하면 해당 구성요소는 더 이상 보고서 테마에 포함되지 않습니다. 구성요소에 다른 테마를 적용하더라도 해당 구성요소는 새로운 테마의 설정을 상속하지 않습니다.

데이터 색상 지정

차트에 표시되는 데이터의 색상을 지정하는 방법은 다음과 같습니다.

  • 측정기준 값에 따라 색상을 지정합니다. 예를 들어 차트에 표시되는 위치에 관계없이 '프랑스'는 항상 파란색으로 표시해야 한다고 결정할 수 있습니다. 측정기준 값 색상은 현재 보고서 테마로 설정되지만 측정기준 값 색상 척도를 수정하여 색상을 재정의할 수 있습니다.
  • 측정기준 데이터의 순서에 따라 색상을 지정합니다. 예를 들어 차트의 첫 번째 계열을 항상 파란색으로 설정하려고 한다고 가정해 보겠습니다. 개별 차트를 수정하여 계열 색상을 설정할 수 있습니다.
  • 단일 색상의 음영을 사용합니다. 예를 들어 회사 로고의 단일 색상을 사용하여 데이터 계열의 색상을 지정하려고 합니다. 이 옵션은 차트에서 값의 차이를 정확하게 표시할 필요가 없을 때 가장 효과적입니다.

목표와 취향에 따라 동일한 보고서에 여러 기법을 혼합하여 사용할 수 있습니다.

데이터 색상 지정 기법에 대해 자세히 알아보기

색상 선택 도구

색상 선택 도구를 사용해 테마와 구성요소에 지정할 색상을 선택합니다. 색상 선택 도구는 세 개의 섹션으로 구성되어 있습니다.

  1. 표준 색상 팔레트입니다. 이 섹션은 보고서마다 모든 구성요소에 동일하게 적용됩니다.
  2. THEME 팔레트입니다. 이 섹션은 현재 테마에 따라 바뀝니다.
  3. 맞춤 색상 팔레트입니다. 사용자가 만드는 맞춤 색상이 여기에 표시됩니다.

색상 선택 도구 액세스

색상 선택 도구를 열려면 다음 단계를 따르세요.

  1. 보고서를 수정합니다.
  2. 구성요소를 선택한 다음 스타일 탭을 열거나, 현재 테마를 맞춤설정합니다.
  3. 색상 옵션을 클릭하여 색상 선택 도구를 표시한 후 해당 옵션에 원하는 색상을 선택합니다.

사용자가 스타일 탭의 색상 표시 섹션에서 막대 순서 옵션을 선택한 상태로 막대 차트의 막대에 색상을 할당합니다.

막대 그래프의 스타일 탭 메뉴에서 커서가 차트 배경 아이콘 위로 마우스를 가져가 차트 그리드의 배경 색상을 선택합니다.

맞춤 색상 만들기

맞춤 색상 그라디언트 선택 도구에는 선택한 색상 #4285f4의 16진수가 표시됩니다.

색상 선택 도구의 맞춤 색상 행에서 아이콘 추가를 클릭하여 맞춤 색상을 만듭니다. 색상 바의 아무 곳이나 클릭하여 기본 색상을 선택한 다음 슬라이더를 사용하여 음영을 조정합니다. 또한 색상 16진수 값을 입력하여 해당 색상을 렌더링할 수도 있습니다. 현재 색상의 16진수 값을 사용하면 다른 구성요소에서 맞춤 색상을 정확하게 복제할 수도 있습니다. 예를 들어 한 구성요소에서 색상 16진수 값을 복사하여 다른 구성요소의 색상 선택 도구에 붙여넣어 동일한 색상으로 설정할 수 있습니다.

색상 그라디언트

3단계 색상과 함께 왼쪽에서 오른쪽으로 어두운 파란색에서 흰색으로 페이드되는 선형 90도 그래디언트에 맞게 구성된 맞춤 그래디언트 대화상자

색이 다른 색으로 희미해질 때 이 효과를 그라데이션이라고 합니다. 구성요소의 배경 색상 속성에서 색상 그라디언트를 사용할 수 있습니다. 그라데이션을 설정하려면 다음 단계를 따르세요.

  1. 구성요소를 선택한 다음 스타일을 클릭합니다.
  2. 배경 배경 색상 아이콘을 클릭합니다.
  3. 그라데이션을 클릭합니다.
  4. 그라데이션 막대의 시작과 끝에 있는 상자를 선택한 다음 색상 드롭다운 메뉴를 클릭하여 그라데이션의 시작 색상과 끝 색상을 설정합니다.
  5. 그라데이션에 색상 단계를 추가하려면 추가를 클릭합니다.
  6. 그라데이션에서 색상 단계를 삭제하려면 삭제를 클릭합니다.
  7. 유형 메뉴를 사용하여 그라데이션의 전체 모양(선형 또는 방사형)을 설정합니다.
  8. 각도 메뉴를 사용하여 그라데이션의 흐름 방향을 설정합니다.
    • 가운데
    • 왼쪽 상단
    • 오른쪽 상단
    • 왼쪽 하단
    • 오른쪽 하단