디자인·모바일·접근성 목록으로

병원 홈페이지 색의 가짓수

병원 홈페이지 색은 공통 상한보다 역할별 목록과 글자색·배경색 조합으로 제한합니다. 어떤 색을 세고 추가를 허용할지 정한 뒤, 업체의 적용 예시와 완성 화면을 대조하는 절차를 안내합니다.

목차

색 개수보다 먼저 정할 사용 역할

병원 홈페이지 색은 정해진 가짓수를 따르기보다 역할별로 사용할 색을 정해 반복 적용하는 방식으로 제한합니다. 글자색과 배경색은 짝으로 관리하고, 새로운 용도가 있을 때만 추가 색을 합의합니다. 병원 담당자는 업체에 색이 적다는 설명보다 각 색을 어디에 사용하는지 설명하도록 요청합니다.

색을 세기 전에 목록에 포함할 대상을 정해야 합니다. 화면을 구성하는 글자, 버튼, 배경, 테두리 등에 업체가 지정한 색을 관리 대상으로 삼습니다. 사진 속 사물의 색까지 같은 목록에 넣으면 병원이 통제할 화면 색과 촬영된 이미지의 색이 섞입니다. 로고에 포함된 색도 홈페이지의 버튼이나 배경에 사용할 때는 해당 역할의 색으로 기록합니다.

케이알디에스는 디자인 기본 요소를 코드로 정의해 일관성을 유지하도록 돕는 디자인 토큰을 소개합니다. 병원은 이 설명을 참고해 업체가 같은 역할의 색을 반복 적용할 수 있는 관리 방식을 요청할 수 있습니다. 병원 홈페이지에 공통으로 적용할 색의 최대 가짓수는 이 설명만으로 정할 수 없습니다.

관리 대상으로 삼을 색 목록

색 목록은 역할을 기준으로 만들되 실제 지정한 색도 함께 기재합니다. 같은 파란색 계열이라도 업체가 서로 다른 값을 지정했다면 별도 색으로 기록해야 합니다. 반대로 같은 색을 여러 역할에 사용한다면 색 값은 같다는 사실을 남기고 사용처를 각각 기재합니다.

색의 역할합의할 색추가 색을 허용할 용도
대표색병원명을 담은 영역 등 정한 사용처의 색기존 대표색으로 표현하기 어려운 별도 사용처
강조색주요 버튼과 강조 안내에 사용할 색기존 강조와 다른 의미를 전달해야 하는 안내
배경색본문 바탕과 안내 상자의 색별도 내용 영역에 필요한 배경
글자색본문과 보조 설명에 사용할 색다른 배경 위에 글자를 배치하는 용도

이 목록은 병원이 업체와 합의할 출발점이며 모든 홈페이지에 그대로 적용하는 분류표는 아닙니다. 테두리나 입력 항목의 상태를 표현하는 색이 필요하면 해당 역할을 추가합니다. 업체가 제안한 색 중 사용처가 없는 색은 제작 목록에서 제외하고, 나중에 필요해지면 용도를 설명받은 뒤 승인합니다.

글자와 배경을 함께 판단할 기준

글자색만 승인하면 실제 화면에서 어떤 배경과 만나는지 알 수 없습니다. 웹 콘텐츠 접근성 지침은 일반적인 표시에서 글자가 놓이는 배경을 기준으로 대비를 평가하며, 글자색과 배경색 중 한쪽만 지정하는 문제도 설명합니다. 병원 담당자는 업체에 본문, 버튼, 안내 상자에 사용할 글자색과 배경색을 함께 제출하도록 요청합니다.

색 자체가 마음에 드는지와 그 조합에서 안내를 읽을 수 있는지는 별도 판단입니다. 승인 자료에는 색 견본뿐 아니라 실제 문구가 들어간 적용 예시가 필요합니다. 대비 수치와 색 외의 식별 표시를 평가하는 업무는 별도로 진행하고, 여기서는 어떤 조합을 제작에 사용할지 합의합니다.

역할 목록부터 화면 대조까지의 순서

병원 담당자는 색의 역할을 정하고 사용할 색과 조합을 합의한 뒤 실제 화면의 추가 색을 확인합니다. 업체가 시안을 제출하기 전에 아래 자료를 요청하면 색 제안의 이유와 수정 범위를 함께 논의할 수 있습니다. 병원에서는 자료를 취합할 담당자를 정해 승인 내용이 여러 요청으로 흩어지지 않게 관리합니다.

  1. 병원 담당자는 로고 자료와 홈페이지에 들어갈 주요 안내 문구를 전달합니다. 업체는 화면 요소별 색의 역할을 기재하고 각 역할에 제안한 색 값을 제출합니다.
  2. 업체는 본문, 주요 버튼, 안내 상자에 실제 문구를 넣은 적용 예시를 만듭니다. 병원 담당자는 사용할 색과 글자색·배경색 조합을 승인하고 허용하는 사용처를 기록합니다.
  3. 업체는 완성 화면에 사용한 색 목록을 제출합니다. 병원 담당자는 승인 자료와 대조해 목록 밖 색의 용도를 묻고 유지하거나 수정할 항목을 정합니다.

추가 색을 요청할 때는 색 견본만 보내지 말고 필요한 화면 요소와 기존 색을 사용하기 어려운 이유를 함께 기재하도록 합니다. 병원 담당자는 새 용도가 있는지 판단하고 승인 여부를 회신합니다. 승인한 색을 다른 페이지에 재사용하는 일과 새 색 값을 추가하는 일은 요청 기록에서 따로 관리합니다.

업체에 요청할 적용 예시와 수정 기록

완성 화면의 색을 대조할 때는 페이지 이름만 기록하면 수정할 위치가 모호해집니다. 병원 담당자는 화면 요소와 그 위치를 기재하고, 업체가 실제 지정한 색 값을 함께 남기도록 요청합니다. 아래 표의 조합에는 승인된 값과 사용처를 넣고 마지막 칸에는 유지 또는 수정할 내용을 기록합니다.

확인할 화면 요소합의한 글자색·배경색 조합목록 밖 색과 수정 요청
진료 안내 본문본문 글자색과 본문 배경색일부 문단의 새 글자색 사용 이유와 처리 내용
예약 안내 버튼버튼 글자색과 버튼 배경색특정 페이지 버튼의 다른 색 값과 수정 위치
주의 안내 상자안내 글자색과 상자 배경색새 조합의 용도와 승인 여부
보조 설명 영역보조 글자색과 해당 영역 배경색목록에 없는 배경색과 적용 범위

색 목록만으로 실제 적용 범위를 알기 어렵다면 업체에 화면 표시 자료를 추가로 요청합니다. 업체는 해당 요소가 있는 화면을 제시하고 색 목록의 어느 항목을 사용했는지 기재합니다. 병원 담당자는 화면 전체의 인상에 대한 의견과 목록 밖 색에 대한 수정 요청을 별도 항목으로 전달합니다.

업체가 수정 결과를 제출하면 요청한 요소뿐 아니라 같은 색을 공유하는 다른 요소의 변경 여부도 회신하도록 합니다. 공통 색 값을 변경했는지 특정 요소만 수정했는지에 따라 재확인할 범위가 달라집니다. 담당자는 처리 결과와 승인 자료를 함께 보관해 다음 변경 요청의 근거로 사용합니다.

목록 밖 색의 유지 여부를 가르는 기준

목록 밖 색이 발견됐다고 모든 색을 즉시 삭제할 필요는 없습니다. 업체가 새로운 사용처를 설명할 수 있고 앞에서 정한 기준에 따라 승인할 수 있다면 목록에 추가합니다. 같은 역할을 장식하기 위해 만든 색이라면 기존 색을 재사용하도록 요청합니다.

새로운 진료 안내 페이지를 제작했다는 사실만으로 새 색이 필요해지는 것은 아닙니다. 페이지마다 제목색과 버튼색을 따로 지정하면 담당자는 같은 역할에 여러 색을 허용한 이유를 계속 관리해야 합니다. 업체에는 새 페이지의 기능과 기존 역할의 차이를 설명하도록 요청하고, 차이가 없다면 승인한 색을 적용하게 합니다.

입력 오류나 이용할 수 없는 버튼처럼 특정 상태를 표현하기 위해 추가한 색은 일반 장식색과 따로 기록합니다. 담당자는 해당 상태가 나타나는 화면을 요청해 실제 사용처를 판단합니다. 설명 없이 색 이름만 늘어난 목록은 승인하지 않고, 역할과 적용 화면을 보완하도록 회신합니다.

배경이 달라지는 요소의 승인 범위

같은 글자색도 배경이 달라지면 승인했던 조합과 다른 결과가 됩니다. 웹 접근성 이니셔티브의 디자인 안내는 이미지, 색이 점차 변하는 배경, 버튼 등에서도 글자와 배경 사이의 충분한 대비를 다룹니다. 업체가 이런 배경을 제안하면 병원 담당자는 대표색 견본만으로 승인하지 않고 글자가 놓인 부분의 적용 예시를 요청합니다.

배경 이미지가 교체되는 영역은 최초 시안의 조합만 기록해서는 이후 사용 범위를 알기 어렵습니다. 담당자는 어떤 배경 조건에서 해당 글자색을 사용할지 업체와 합의합니다. 배경 조건이 달라지면 기존 승인을 그대로 적용하지 않고 새 조합으로 판단하도록 운영 자료에 기재합니다.

마우스를 올리거나 항목을 선택했을 때 색이 달라지는 요소도 최초 화면의 색 목록에서 빠질 수 있습니다. 업체에 조작 전후의 글자색과 배경색을 제출하도록 요청합니다. 담당자는 각 상태의 색을 별도 사용처로 기록해 임의로 추가된 색과 의도한 상태 표현을 가릅니다.

반투명 색과 혼합 결과의 기록

반투명 색은 아래에 놓인 배경에 따라 화면에서 나타나는 색이 달라집니다. 업체가 같은 색 값이라고 설명하더라도 투명도와 바탕이 다르면 동일한 적용으로 승인하기 어렵습니다. 담당자는 반투명 요소의 지정 값, 투명도, 바탕을 함께 기재하도록 요청합니다.

화면을 저장한 이미지에서 색을 추출하면 지정한 값과 다른 값이 나올 수 있습니다. 이때 추출한 색을 곧바로 새 색으로 세지 말고 업체에 실제 지정 값과 혼합 여부를 묻습니다. 문자 가장자리에 생긴 중간색도 별도 역할을 가진 색으로 기록하지 않습니다. 수정 대상은 추출된 모든 색이 아니라 업체가 의도적으로 지정한 색과 조합을 기준으로 정합니다.

자주 묻는 질문

로고의 색을 홈페이지에서도 모두 사용해야 합니까?

로고에 포함된 색을 화면 전체에 빠짐없이 사용할 필요는 없습니다. 로고 자체를 표시하는 일과 그 색을 화면 요소에 사용하는 일을 별도로 결정합니다. 병원은 로고 파일의 사용 조건을 업체에 전달하고, 화면용 색 제안을 요청합니다.

외부 예약 화면의 색도 병원이 통일해야 합니까?

병원이 수정할 수 있는 범위부터 예약 서비스 업체에 묻습니다. 변경 권한이 없는 화면까지 홈페이지 제작 업체의 수정 항목으로 요구하지 않습니다. 운영 자료에는 해당 화면의 관리 업체와 색 변경 요청이 가능한 항목을 기재합니다.

인쇄물의 색 이름만 업체에 전달해도 충분합니까?

색 이름만으로는 홈페이지 제작에 사용할 값을 특정하기 어렵습니다. 병원이 보유한 인쇄용 자료를 전달하고 업체에 화면용 색 값을 제안하도록 요청합니다. 인쇄물과 화면의 표현이 같다고 약속하기보다 각각 승인할 자료를 준비합니다.

행사 안내 배너에는 별도 색을 사용해도 됩니까?

게시 기간과 담당자가 정해진 배너라면 한시적으로 사용할 색을 별도로 승인할 수 있습니다. 이 색이 홈페이지의 공통 설정에 반영되는지 업체에 묻습니다. 배너 종료 뒤에도 남을 변경이 있다면 복원할 항목을 요청 기록에 포함합니다.

홈페이지 색 목록은 어떤 파일로 받아야 합니까?

담당자가 읽고 수정 요청을 기재할 수 있는 문서나 표 파일이면 됩니다. 업체의 전용 작업 파일만 받을 때는 병원에서 내용을 열 수 있는지도 판단해야 합니다. 납품 자료에는 승인 날짜와 변경 이력을 포함하고, 병원이 보관할 사본을 요청합니다.

맨 위로 이동

병원 홈페이지 디자인 서비스 자세히 보기