기준 색

회사 로고에서 뽑은 색을 넣으세요.
명도 단계
상자를 누르면 코드가 복사됩니다. 500 이 기준 색이고, 숫자가 작을수록 밝습니다.
배색
기준 색
#5F6AC7

RGB 95, 106, 199

글자 대비 (WCAG)
흰 글씨
검은 글씨

이렇게 보입니다
한빛산업 사내 공지

버튼과 강조 글씨에 기준 색을 썼을 때의 모습입니다.

신청하기 자세히 보기
HSL
상대 휘도 (대비 계산 기준)
파워포인트 RGB
색맹 시 보이는 색

대비 검사는 WCAG 2.1 기준입니다. 본문 글씨는 4.5:1, 큰 글씨(18pt 이상 또는 굵은 14pt 이상)는 3:1 이상이어야 합니다.

복사했습니다
광고 영역 — 애드센스 코드 삽입 위치

색상 팔레트 만들기

회사 대표 색 하나만 정하면 나머지는 계산으로 나옵니다. 밝기 단계, 함께 쓸 강조색, 그리고 그 색 위에 흰 글씨를 올려도 읽히는지까지 한 번에 확인하세요. 사내 문서·발표자료·홈페이지 색을 통일할 때 씁니다.

왜 명도 단계가 필요한가

색 하나만으로는 화면을 만들 수 없습니다. 버튼은 진한 색, 배경은 아주 옅은 색, 테두리는 그 중간 — 이렇게 같은 계열의 여러 밝기가 필요합니다. 눈대중으로 고르면 계열이 어긋나 지저분해집니다.

여기서는 기준 색을 500에 두고 위아래로 열 단계를 만듭니다. 실무에서는 대개 이렇게 씁니다.

배색 네 가지

실무에서 가장 안전한 조합은 기준 색 하나 + 회색 계열입니다. 색을 여러 개 쓸수록 어려워집니다. 색으로 구분하고 싶은 충동이 들면, 먼저 굵기나 크기로 구분할 수 없는지 생각해 보세요.

대비 검사는 왜 하나

배경색 위에 글씨를 올릴 때, 둘의 밝기 차이가 모자라면 읽히지 않습니다. 만든 사람은 화면이 좋고 눈이 젊어 잘 보이지만, 밝은 사무실 조명이나 오래된 모니터, 나이 든 눈에서는 안 보입니다.

국제 기준(WCAG)은 본문 4.5:1, 큰 글씨 3:1을 요구합니다. 공공기관 홈페이지나 정부 과제 산출물은 이 기준을 지켜야 하는 경우가 많습니다. 위 검사에서 AA 이상이 뜨는 쪽으로 글자 색을 고르세요.

둘 다 모자라면 배경색 자체를 더 진하게(흰 글씨용) 또는 더 옅게(검은 글씨용) 바꿔야 합니다. 명도 단계에서 700 쪽을 배경으로 쓰면 흰 글씨가 대체로 통과합니다.

색만으로 구분하지 마세요

남성 20명 중 1명꼴로 색을 구분하기 어렵습니다. 특히 빨강과 초록이 비슷하게 보입니다. 그래프에서 "빨간 선이 매출, 초록 선이 비용"이라고만 하면 그 사람에게는 같은 선 두 개입니다.

색을 쓰되 모양·글자·굵기를 함께 주세요. 실선/점선, 동그라미/네모, 그리고 직접 라벨을 붙이는 것이 가장 확실합니다. 위 결과에 색맹 시 보이는 색을 함께 표시해 두었습니다.

자주 묻는 질문

회사 로고 색을 모릅니다

이미지 색상 추출에 로고 파일을 올리면 HEX 코드가 나옵니다. 그 코드를 여기 붙여넣으세요.

파워포인트에 어떻게 넣나요?

도형이나 글자를 고르고 채우기 → 다른 채우기 색 → 사용자 지정에서 RGB 값을 넣습니다. 아래 파워포인트용 탭에 세 숫자로 정리해 두었습니다.

인쇄하면 색이 달라 보입니다

화면은 빛(RGB), 인쇄는 잉크(CMYK)라 원리가 다릅니다. 특히 형광에 가까운 밝은 색은 인쇄로 재현되지 않아 탁해집니다. 인쇄물이 중요하면 인쇄소에 별색(팬톤) 번호를 물어보고 그 기준으로 맞추세요.

대비가 4.5:1 을 넘는데도 안 예쁩니다

대비 기준은 읽히는지만 봅니다. 보기 좋은지는 별개입니다. 기준을 통과하는 선에서 조금씩 조정하세요. 통과하지 못하는 조합을 "예뻐서" 쓰면 결국 다시 만들게 됩니다.

함께 쓰면 좋은 도구

로고에서 색을 뽑으려면 이미지 색상 추출, 정한 색으로 명함을 만들려면 명함 만들기, 이메일 서명에 쓰려면 이메일 서명 만들기를 보세요.