병원 이름·로고·시각 요소 목록으로

병원 색을 인쇄용과 화면용으로 나눠 정하는 방법

병원 색을 색마다 화면용 값과 인쇄용 값으로 따로 정하고, 두 값이 같은 색으로 읽히는지 시험 인쇄로 맞추는 다섯 단계를 W3C 대비 기준 해설과 함께 정리합니다.

목차

색마다 두 값을 한 줄에 쓰는 순서

핵심 답

병원 색은 색 하나마다 화면용 값과 인쇄용 값을 따로 정하고, 두 값을 시각 요소 규칙집의 같은 줄에 나란히 씁니다. 순서는 다섯 단계입니다. 화면용 값을 먼저 정해 글자와 배경의 대비를 계산하고, 인쇄용 값은 간판·인쇄물 목록의 인쇄 방식마다 시험 인쇄를 거쳐 화면용 값과 같은 색으로 읽히는지 맞춘 뒤 정합니다. 화면에서 쓰던 값을 그대로 인쇄소에 넘기면 종이나 간판에서 다른 색으로 나올 수 있으므로, 인쇄용 값은 시험 인쇄의 결과로만 정합니다.

  1. 규칙집에서 대표 색과 보조 색을 가져와 색마다 줄 하나를 만듭니다.
  2. 색마다 화면용 값을 정하고, 그 색을 글자나 배경으로 쓰는 짝의 대비를 계산합니다.
  3. 간판·인쇄물 목록을 인쇄 방식별로 묶고, 묶음마다 화면용 값과 인쇄용 값 후보를 업체에 함께 건넵니다.
  4. 묶음마다 시험 인쇄를 하고, 결과물을 화면과 나란히 놓아 같은 색으로 읽히는지 견줍니다.
  5. 맞춘 인쇄용 값과 시험 인쇄 날짜, 업체 이름을 규칙집의 그 색 줄에 쓰고, 간판·인쇄물 목록의 품목마다 어느 값을 썼는지 밝힙니다.
색 이름화면용 값인쇄용 값시험 인쇄 기록
대표 색(가상의 예)화면에서 정한 값과 대비 계산 결과인쇄 방식마다 시험 인쇄로 맞춘 값인쇄 방식, 날짜, 업체 이름
보조 색(가상의 예)화면에서 정한 값과 대비 계산 결과인쇄 방식마다 시험 인쇄로 맞춘 값인쇄 방식, 날짜, 업체 이름
글자용 진한 색(가상의 예)대비를 채우려고 정한 값안내문 글자에 쓰는 값인쇄 방식, 날짜, 업체 이름

표의 줄은 색 하나이고, 칸은 그 색의 두 값과 기록입니다. 한 색의 두 값을 다른 문서나 다른 표에 따로 두면, 어느 화면용 값과 어느 인쇄용 값이 같은 색인지 나중에 맞추기 어려울 수 있습니다. 그래서 두 값은 늘 한 줄에 함께 씁니다.

색 이름은 규칙집과 간판·인쇄물 목록, 업체에 건네는 의뢰서에서 같은 이름으로 씁니다. 같은 색을 문서마다 다른 이름으로 부르면 업체가 다른 색 줄의 값을 가져갈 수 있습니다. 색 이름은 「대표 색」, 「보조 색」, 「글자용 진한 색」처럼 쓰임으로 짓고, 값을 고쳐도 이름은 그대로 씁니다.

화면용 값과 대비 계산

화면용 값을 먼저 정하는 까닭은 대비를 계산할 기준이 화면 쪽에 있기 때문입니다. W3C의 대비(최소) 해설은 글자와 글자 이미지가 배경과 적어도 4.5:1의 대비를 갖추라고 하고, 큰 글자는 3:1로 낮춥니다. 큰 글자는 굵지 않으면 18포인트 이상, 굵으면 14포인트 이상이며, 한국어 같은 CJK 글꼴은 그에 맞먹는 크기를 씁니다.

같은 해설은 계산한 대비를 반올림하지 말라고 하며, 4.499:1은 4.5:1을 채우지 못한다고 예를 듭니다. 또 다른 색 공간을 쓸 것이 분명하지 않다면 sRGB 색 공간으로 평가하라고 안내합니다. 그래서 규칙집의 화면용 값은 sRGB 기준의 값으로 쓰고, 대비 계산 결과는 반올림하지 않은 숫자 그대로 그 줄에 함께 남깁니다.

대비를 계산할 짝은 그 색이 실제로 쓰이는 곳에서 정합니다. 홈페이지 본문의 글자와 바탕, 예약 버튼의 글자와 버튼 색, 대표 색을 바탕으로 깐 띠 위의 흰 글자처럼, 한 색이 글자로도 바탕으로도 쓰인다면 짝마다 따로 계산합니다. 한 짝에서 기준을 채웠다고 같은 색의 다른 짝까지 채운 것은 아니기 때문입니다.

로고와 로고타입에 쓰인 글자는 이 대비 기준에서 빠집니다. 다만 해설은 기업 아이덴티티나 브랜드 지침 때문에 대비가 모자란 글자는 예외가 아니라고 밝힙니다. 대표 색이 흰 바탕에서 4.5:1을 채우지 못한다면, 로고에는 대표 색을 그대로 쓰되 안내 글자에는 대비를 채우는 글자용 진한 색을 따로 정해 표의 셋째 줄처럼 규칙집에 올립니다. 해설은 로고가 링크처럼 누르는 요소로 쓰일 때 대비가 충분한 변형을 쓰는 것을 권하기도 합니다.

대비는 화면에 그려진 글자의 모습이 아니라 정해 둔 글자색과 배경색의 값으로 계산합니다. 해설은 글꼴을 부드럽게 그리는 설정을 만든 사람이 정할 수 없으므로, 화면에 나타난 글자가 아니라 브라우저가 얻은 색이나 스타일시트에 정한 색으로 평가하라고 합니다. 다만 가늘거나 특이한 글꼴은 정한 색보다 훨씬 흐린 색으로 그려질 수 있어, 계산으로는 기준을 채워도 실제 대비는 훨씬 낮을 수 있다고 덧붙이고, 이때는 획이 굵은 글꼴을 쓰거나 기준을 넉넉히 넘는 색 짝을 정하는 것이 좋은 방법이라고 안내합니다. 그래서 병원 홈페이지에 가는 글꼴을 쓴다면 글자용 진한 색은 4.5:1을 겨우 넘는 값보다 넉넉히 넘는 값으로 정합니다. 배너 그림 안에 넣은 글자도 같은 기준으로 계산합니다. 해설이 글자 이미지에도 글자의 대비 기준을 그대로 건다고 밝히기 때문입니다. 그 배너가 광고로 나간다면 글자의 색을 맞추는 것과 별개로, 문구도 의료광고 금지 표현을 피해 썼는지 의뢰 전에 함께 따집니다.

글자와 배경의 짝W3C 해설의 대비 기준규칙집에 남길 것
본문 크기 글자4.5:1 이상반올림하지 않은 계산 결과
큰 글자(굵지 않으면 18포인트, 굵으면 14포인트 이상)3:1 이상글자 크기와 계산 결과
로고·로고타입의 글자대비 기준에서 빠짐로고가 누르는 요소로 쓰이는지 여부
브랜드 지침 때문에 대비가 모자란 글자예외 아님대신 쓸 글자용 진한 색

인쇄용 값과 시험 인쇄

W3C 해설은 웹 콘텐츠를 위한 기준이므로, 종이 안내문이나 간판의 글자에는 참고로만 씁니다. 인쇄용 값은 숫자로 미리 정하기보다 시험 인쇄의 결과로 정합니다. 같은 인쇄용 값이라도 종이의 종류, 간판의 재질, 인쇄 방식에 따라 다른 색으로 나올 수 있으므로, 간판·인쇄물 목록을 인쇄 방식별로 묶고 묶음마다 시험 인쇄를 따로 합니다. 한 묶음에서 맞춘 값을 다른 묶음에 그대로 옮기지 않습니다.

시험 인쇄의 결과물은 화면과 나란히 놓고 견줍니다. 화면은 기기와 밝기 설정에 따라 같은 값도 다르게 나올 수 있으므로, 견줄 때는 병원 홈페이지를 가장 자주 여는 기기 두 대 이상과 결과물을 함께 놓고, 낮의 자연광과 진료실 조명 아래에서 각각 견줍니다. 두 조건에서 모두 같은 색으로 읽힌다면 그 값을 인쇄용 값으로 정하고, 한 조건에서라도 다른 색으로 읽힌다면 업체와 인쇄용 값을 조정해 시험 인쇄를 다시 합니다.

자주 틀리는 경우는 둘입니다. 첫째, 시험 인쇄 때 인쇄용 값 후보를 하나만 찍는 경우입니다. 그 값이 맞지 않으면 시험 인쇄를 여러 번 거듭해야 하므로, 처음부터 후보 값 몇 개를 한 장에 나란히 찍어 그 가운데 화면과 같은 색으로 읽히는 값을 정합니다. 둘째, 화면용 값을 로고 그림 파일에서 집어 오는 경우입니다. 파일을 저장한 방식에 따라 규칙집의 값과 다른 값이 나올 수 있으므로, 화면용 값은 늘 규칙집에 쓴 숫자에서 가져옵니다.

시험 인쇄의 결과물 가운데 맞춘 값으로 찍은 것은 견본으로 한 장씩 남겨 규칙집과 함께 보관합니다. 이 견본이 있으면 같은 묶음의 새 결과물을 화면 없이도 견본과 나란히 놓고 같은 색인지 견줄 수 있습니다. 불이 들어오는 간판은 낮과 밤에 다른 색으로 읽힐 수 있으므로, 간판의 견본은 낮에 한 번, 불을 넣은 밤에 한 번 견주고 두 결과를 함께 씁니다.

병원 이전 명칭 변경은 간판과 인쇄물 여러 품목을 한꺼번에 새로 만드는 일이 될 수 있습니다. 그래서 새 간판과 인쇄물을 의뢰할 때는 규칙집의 색 줄을 시험 인쇄 기록까지 통째로 업체에 건네고, 업체가 바뀌었거나 재질이 바뀐 품목만 시험 인쇄를 새로 합니다. 의뢰서에는 색 이름과 두 값, 그 값을 맞춘 인쇄 방식과 업체 이름을 함께 넣어, 새 업체가 어떤 조건에서 맞춘 값인지 알고 시험 인쇄를 준비할 수 있게 합니다. 재질과 업체가 그대로인 품목은 규칙집에 남긴 인쇄용 값을 그대로 씁니다.

간판·인쇄물 목록은 품목마다 한 줄로 쓰고, 그 줄에 인쇄 방식과 쓴 인쇄용 값, 시험 인쇄를 한 날을 함께 씁니다. 이 목록이 있으면 병원 색이 다르게 나온 품목이 생겼을 때 어느 묶음의 값을 썼는지 곧바로 찾아 업체와 이야기할 수 있습니다.

자주 묻는 질문

화면용 값 하나만 정하고 인쇄는 업체에 맡기면 안 되나요?

업체마다 다른 인쇄용 값이 생길 수 있어 권하지 않습니다. 인쇄용 값 후보는 병원이 화면용 값과 함께 건네고, 시험 인쇄로 맞춘 값을 규칙집의 그 색 줄에 남깁니다.

대표 색이 대비 기준을 채우지 못하면 색을 새로 정해야 하나요?

로고에 쓰는 대표 색은 그대로 쓸 수 있습니다. W3C 해설에서 로고의 글자는 대비 기준에서 빠지기 때문입니다. 다만 안내 글자에는 대비를 채우는 글자용 진한 색을 따로 정해 쓰고, 로고가 누르는 요소로 쓰인다면 대비가 충분한 변형을 함께 정합니다.

시험 인쇄는 품목마다 다 해야 하나요?

품목마다가 아니라 인쇄 방식의 묶음마다 합니다. 같은 업체가 같은 종이와 같은 방식으로 찍는 품목이라면 한 번의 시험 인쇄로 맞춘 값을 함께 씁니다. 같은 업체라도 종이나 방식이 다른 품목은 다른 묶음으로 묶어 시험 인쇄를 따로 합니다.

종이 안내문에도 4.5:1 기준을 쓰나요?

참고 기준으로만 씁니다. 해설의 대상이 웹 콘텐츠이기 때문입니다. 화면에서 4.5:1을 채운 글자와 배경의 짝도 종이에서 같은 대비로 나오는지는 시험 인쇄의 결과물로 견주고, 종이에서 흐리게 읽힌다면 글자용 진한 색의 인쇄용 값을 조정합니다.

인쇄용 값을 맞춘 뒤 업체가 바뀌면 어떻게 하나요?

새 업체에 규칙집의 색 줄과 시험 인쇄 기록을 건네고, 그 업체에서 시험 인쇄를 새로 해 값을 맞춥니다. 맞춘 값은 업체 이름과 날짜를 붙여 같은 색 줄에 이어 쓰고, 앞 업체의 값도 지우지 않고 남겨 두 업체의 결과를 나중에 견줄 수 있게 합니다.

맨 위로 이동

병원 이름과 로고 서비스 자세히 보기