Colour Contrast Analyser 무료 다운로드·설치 방법, 파워포인트 글씨 색 가독성 확인

파워포인트 슬라이드에서 글씨 색과 배경색이 비슷하면 가까이에서는 읽히더라도 멀리서 보기 어렵습니다. Colour Contrast Analyser(CCA)는 두 색의 대비율을 계산하고 일반 글씨와 큰 글씨의 WCAG 기준 결과를 보여 주는 무료 프로그램입니다. Vispero 공식 페이지는 3.5.5 Windows 설치 파일을 제작자 GitHub 릴리스로 연결합니다.

슬라이드의 글자색과 실제 글씨 뒤 배경색을 각각 HEX 코드로 확인한 뒤 CCA의 Foreground와 Background에 입력하세요. 대비율과 일반 글씨 결과를 보고 색 하나를 조정해 다시 검사하면 한 슬라이드의 색 조합을 점검할 수 있습니다.

Colour Contrast Analyser

TPGi·ThePacielloGroup

Windows 설치 파일지원 환경

3.5.5확인 버전

무료이용 가격

글씨·배경 색 대비 검사주요 용도

Colour Contrast Analyser Windows 색 대비 검사 프로그램 다운로드

글자색과 배경색 두 값을 넣어 대비율을 확인합니다

CCA는 화면의 두 색을 Foreground와 Background로 구분해 입력받습니다. Foreground는 글씨 색, Background는 글씨 바로 뒤에 보이는 색입니다. 공식 제품 페이지는 웹사이트뿐 아니라 파워포인트 슬라이드와 PDF·그래픽에도 사용할 수 있다고 설명합니다. 슬라이드 전체 배경과 텍스트 상자 배경이 다르면 글씨 바로 뒤의 색을 기준으로 비교해야 합니다.

HEX 칸에 색 코드를 넣으면 Sample preview와 Contrast ratio가 바뀝니다. CCA는 일반 글씨·큰 글씨에 대한 결과를 나누어 표시합니다. 공식 페이지의 WCAG AA 설명은 일반 글씨에 4.5:1, 큰 글씨에 3:1을 제시합니다. 값만 읽고 끝내지 말고 발표 자료에서 실제 글씨 크기와 위치를 확인해야 합니다.

색을 직접 고르는 스포이트와 색상 슬라이더도 있습니다. 같은 조합을 다시 검사하려면 파워포인트의 사용자 지정 색에서 HEX 값을 복사해 CCA에 직접 입력하는 편이 정확합니다. 슬라이더로 새 색을 찾았다면 파워포인트에도 그 값을 적용하고 다시 검사해야 합니다.

CCA 공식 화면에서 HEX 입력칸과 대비율 확인

CCA 공식 저장소의 Foreground·Background 입력, 21:1 대비율과 통과 표시 예시

Vispero 공식 제품 페이지의 CCA 화면 합성 예시, 대비율 2.2:1과 실패 표시

첫 화면은 제작자 GitHub 저장소의 CCA 창 예시로 Foreground·Background 입력칸, Sample preview, 대비율 21:1과 통과 표시가 보입니다. 둘째 그림은 Vispero 제품 페이지의 화면 합성 예시로 낮은 대비율 2.2:1과 실패 표시를 보여 줍니다. 두 그림의 촬영 버전과 Windows 환경은 명시되지 않아 3.5.5 실화면으로 단정하지 않습니다.

Colour Contrast Analyser Windows 색 대비 검사 프로그램 다운로드

프로그램	Colour Contrast Analyser (CCA)
제작	TPGi·ThePacielloGroup
배포	공식 GitHub 릴리스의 MSI
버전	3.5.5
입력 색상	Foreground·Background HEX
가격	무료·오픈 소스

공식 Windows MSI 파일을 확인하고 설치하기

Vispero의 Colour Contrast Analyser 공식 페이지는 현재 버전을 3.5.5로 표시하며 Windows 버튼을 GitHub의 ThePacielloGroup/CCAe 릴리스 자산으로 연결합니다. Windows 설치 파일 이름은 CCA-Setup-3.5.5.msi입니다. 같은 릴리스에는 macOS DMG와 휴대용 EXE도 있으므로 설치할 때 MSI 이름을 확인하세요.

MSI를 받은 뒤 Windows 설치 화면의 게시자와 설치 위치를 확인하고 진행합니다. 관리형 회사 PC에서는 설치 권한이 없을 수 있습니다. 보안 경고가 나오면 임의로 무시하기보다 Vispero의 Windows 링크와 GitHub 프로젝트·파일 이름을 다시 대조하세요.

설치 후 CCA 창에 Foreground colour, Background colour, Sample preview와 Contrast ratio 항목이 보이는지 확인합니다. 색 코드 입력 방식은 공식 제품 페이지와 프로젝트 README가 지원하는 기능입니다. 메뉴 언어와 버튼 배치는 설정 또는 버전에 따라 다를 수 있으므로 입력 항목의 이름을 기준으로 찾으세요.

Vispero 공식 Windows 항목에서 CCA 3.5.5 MSI 파일명을 확인합니다.
Windows 설치 화면의 출처와 옵션을 읽고 설치를 완료합니다.
CCA 창의 Foreground, Background와 대비율 표시 영역을 찾습니다.

파워포인트 글자색과 실제 배경색의 HEX 확인하기

확인할 글씨가 들어 있는 슬라이드를 열고 글자를 선택합니다. Microsoft의 색상 안내는 홈 탭의 글꼴 색 드롭다운에서 다른 색 또는 More Colors를 열고 사용자 지정(Custom) 탭의 HEX 값을 확인하는 방법을 설명합니다. 이미 지정된 색이 테마 색이라면 실제 글씨 색 값을 읽었는지 확인하고, 글씨가 여러 색이면 한 조합씩 따로 검사하세요.

다음은 글씨 바로 뒤에 보이는 배경을 확인합니다. 단색 슬라이드 배경이라면 배경 서식의 색 설정을 살피고, 텍스트 상자에 별도 채우기가 있다면 상자 채우기 색을 사용하세요. Microsoft는 파워포인트 바탕의 색 메뉴를 배경 서식에서 열 수 있다고 안내합니다. 그림 위에 글씨가 놓였거나 그라데이션 배경이라면 하나의 HEX 값으로 전체 위치의 대비를 대표할 수 없습니다.

HEX 값을 메모할 때 어느 쪽이 글자색이고 어느 쪽이 배경색인지 함께 적으세요. 예를 들어 제목과 본문 글씨에 다른 색을 사용했다면 각각의 색 조합을 검사해야 합니다. 발표 장소의 화면 밝기와 거리도 가독성에 영향을 주므로 수치가 기준에 걸친 경우에는 여유 있는 대비를 선택하는 편이 좋습니다.

슬라이드 글씨를 선택해 글꼴 색의 사용자 지정 HEX 값을 확인합니다.
실제 글씨 뒤 배경 또는 텍스트 상자 채우기의 HEX 값을 확인합니다.
글자색과 배경색을 구분해 적고 여러 조합은 각각 검사합니다.

CCA에 두 HEX 값을 넣고 일반 글씨 결과 읽기

CCA의 Foreground colour에 글자색 HEX를 입력하고 Background colour에 배경색 HEX를 입력합니다. 공식 제품 페이지는 HEX뿐 아니라 RGB·HSV·HSL 입력도 지원한다고 설명하지만, 파워포인트에서 HEX를 확인했다면 같은 형식을 쓰는 편이 옮겨 적기 쉽습니다. 입력 뒤 표시된 색상 견본이 슬라이드의 글씨·배경과 비슷한지 먼저 눈으로 확인하세요.

Contrast ratio 수치와 WCAG AA 결과를 읽습니다. 일반 글씨와 큰 글씨 결과가 따로 나올 수 있습니다. Vispero 공식 설명은 일반 글씨의 AA 대비를 최소 4.5:1, 큰 글씨를 3:1로 안내합니다. 슬라이드 글씨가 크다고 느껴지는 것과 기준상 큰 글씨로 판정되는 것은 다르므로, 크기 조건이 확실하지 않으면 일반 글씨 결과를 우선 확인하세요.

공식 GitHub 저장소 화면에는 21:1 조합이 통과로 표시되고 Vispero 제품 화면 예시에는 2.2:1이 실패로 표시됩니다. 이 두 그림은 결과 읽는 위치를 보여 주는 예시일 뿐 사용자의 슬라이드 점수가 아닙니다. CCA의 결과는 두 색의 대비 측정이며 파워포인트 파일의 모든 접근성 문제를 자동으로 검사한 결과는 아닙니다.

Foreground에 글자색, Background에 글씨 뒤 배경색의 HEX를 입력합니다.
색 견본과 Contrast ratio가 예상한 조합인지 확인합니다.
일반 글씨 AA 결과를 읽고 필요하면 큰 글씨 결과와 나눠 봅니다.

색을 바꾸고 슬라이드에서 다시 검사하기

결과가 부족하면 CCA의 색상 슬라이더를 움직여 글자색 또는 배경색을 조정해 볼 수 있습니다. 두 색을 한꺼번에 바꾸면 어떤 변경이 도움이 됐는지 알기 어렵습니다. 글씨 색을 진하게 하거나 배경색을 밝게 하는 식으로 한쪽부터 조정하고 Contrast ratio와 일반 글씨 결과가 어떻게 바뀌는지 확인하세요.

원하는 HEX 값을 찾았으면 파워포인트의 해당 글꼴 색이나 배경·채우기 색에 같은 값을 적용합니다. 슬라이드에서 적용 결과를 다시 보고, CCA에도 최종 두 색을 다시 입력해 결과를 확인하세요. 테마 색을 바꿨다면 다른 슬라이드에도 영향을 줄 수 있으니 같은 스타일의 제목과 본문이 있는 슬라이드를 함께 살펴보는 편이 좋습니다.

색 대비가 기준을 넘더라도 글씨가 너무 작거나 얇고, 그림 위에서 위치마다 배경색이 달라지면 읽기 어려울 수 있습니다. Microsoft는 파워포인트 접근성 검사 기능이 일부 대비 문제를 찾지만 투명 텍스트 상자나 슬라이드 배경 위의 문제 등은 놓칠 수 있다고 설명합니다. CCA의 두 색 검사는 그 빈틈을 직접 확인하는 보조 작업으로 쓰세요.

CCA에서 글씨 색 또는 배경색 한쪽을 먼저 조정합니다.
선택한 HEX를 파워포인트의 해당 색 설정에 적용합니다.
최종 슬라이드의 두 색과 CCA 일반 글씨 결과를 다시 확인합니다.

스포이트가 검은색만 고르거나 결과가 예상과 다를 때

스포이트로 슬라이드 색을 찍었는데 Foreground 또는 Background가 계속 검은색이라면 직접 HEX를 입력하세요. 제작자 GitHub의 공개 이슈에는 Windows 11에서 색상 선택기가 검은색만 고른다는 보고가 있으며 3.5.5 사용자도 같은 현상을 남겼습니다. 반면 공식 제품 설명은 HEX 수동 입력을 제공하므로 스포이트가 실패해도 색상 코드가 있다면 검사를 이어갈 수 있습니다.

예상보다 대비율이 낮게 나왔다면 글씨 뒤에 실제로 다른 색의 상자나 반투명 도형이 있는지 확인하세요. CCA의 Background에 슬라이드 바탕색만 넣고 글씨 바로 뒤의 텍스트 상자 채우기를 빠뜨리면 다른 조합을 검사하게 됩니다. 색 견본을 슬라이드의 해당 위치와 비교하고 값을 다시 입력합니다.

비율이 높다고 나오는데도 글씨가 흐려 보인다면 글자 크기와 굵기, 그림·그라데이션의 위치별 차이, 발표 화면 밝기를 따로 살펴야 합니다. CCA의 두 색 대비율은 특정 조합의 수치이므로 모든 보는 환경에서 읽기 쉽다는 보장은 아닙니다. 중요한 슬라이드는 실제 발표 화면 크기로도 확인하세요.

스포이트가 검은색만 고르면 파워포인트의 HEX 값을 직접 입력합니다.
결과가 이상하면 글씨 바로 뒤의 실제 배경색을 다시 확인합니다.
비율과 별개로 글자 크기·굵기·그림 배경의 변화도 살펴봅니다.

자주 묻는 질문

Colour Contrast Analyser는 무료인가요?

네. Vispero는 무료 색 대비 검사 도구로 소개하고, 제작자 GitHub 저장소는 자유 소프트웨어로 설명합니다.

파워포인트에도 사용할 수 있나요?

네. Vispero 공식 페이지는 파워포인트 슬라이드를 사용 사례로 명시합니다. 글자색과 배경색의 실제 값을 따로 입력해 비교하세요.

글씨 뒤에 사진이 있으면 HEX 두 개만 넣어도 되나요?

사진이나 그라데이션은 위치마다 배경색이 달라질 수 있습니다. 한 배경색만 입력한 결과로 전체 글씨의 가독성을 단정하지 마세요.

스포이트가 검은색만 선택하면 어떻게 하나요?

최근 Windows에서 보고된 현상입니다. 파워포인트 색상 설정에서 HEX 값을 확인해 CCA의 두 입력칸에 직접 넣으세요.

일반 글씨 AA 기준은 얼마인가요?

Vispero 설명은 일반 글씨 4.5:1, 큰 글씨 3:1을 제시합니다. 먼저 일반 글씨 결과를 확인하세요.

최종 슬라이드의 글씨와 배경을 다시 확인하세요

CCA에 슬라이드 글자색과 실제 배경색의 HEX를 넣어 대비율을 확인한 뒤, 부족한 쪽의 색을 한 번에 하나씩 조정하세요. 선택한 값을 파워포인트에 적용하고 최종 슬라이드에서 다시 검사하면 색 조합 수정이 끝납니다. 그림 배경이나 작은 글씨는 수치와 별도로 실제 화면에서도 읽어 보세요.