This page is a translated version of the page Brand/colours and the translation is 100% complete.

색상

위키미디어 색상은 코어 팔레트, 레거시 팔레트 및 크리에이티브 팔레트의 세 가지 색상 팔레트로 구성됩니다. 색상을 특정 값으로 정의하여 디자인에서 쉽게 구현할 수 있습니다.

코어 팔레트

코어 팔레트는 검정과 흰색과 검정 3가지 음영(검정 25, 검정 50 및 검정 75)으로 구성되어 있습니다. 검정과 흰색은 레거시 팔레트 및 크리에이티브 팔레트의 색상과 잘 어울리는 당사의 주요 색상입니다. 위키미디어 재단 로고는 검은색 또는 흰색입니다. 이 접근 방식을 사용하면 다양한 상황에서 유연하고 쉽게 사용할 수 있습니다.

16진수 코드
색상 흰색 검은색 검정 75 검정 50 검정 25
16진수 코드 FFFFFF 000000 404040 7F7F7F BFBFBF

레거시 팔레트

레거시 팔레트는 위키미디어 운동과 밀접하게 관련된 세 가지 색상인 녹색, 파란색 및 빨간색으로 구성됩니다. 배경색, 제목 또는 헤드라인 색상 및 브랜드 의류에 사용할 수 있습니다. 색상은 흰색과의 조합에 대해 AAA 승인 대비와 함께 접근성에 최적화된 버전으로도 제공됩니다.

16진수 코드
색상 녹색 파랑 적색 녹색 AAA 파랑 AAA 적색 AAA
16진수 코드 396 0063BF 900 246342 0C57A8 970302

크리에이티브 팔레트

크리에이티브 팔레트는 전 세계 커뮤니티 그룹에서 자주 사용하는 색상에서 파생된 11가지 색상과 많은 사랑을 받고 있는 위키백과 20주년 생일 색상으로 구성되어 있습니다. 또한 레거시 및 코어 팔레트를 보완하기 위해 개발된 팔레트로, 많은 색상이 필요한 상황에서 더 큰 다양성을 제공합니다. 여기의 빨강, 파랑 및 녹색은 AA 승인을 위해 조정되었기 때문에 레거시 팔레트와 약간 다릅니다.

크리에이티브 팔레트에는 강한 색상과 밝은 음영이 모두 포함되어 있습니다. 프레젠테이션이나 팜플렛의 배경색과 같이 보다 미묘한 표현이 필요한 경우 밝은 음영이 유용할 수 있습니다. 더 밝은 색상은 팔레트의 일부로 충분히 인식되지 않기 때문에 로고 개발에 사용하기에 적합하지 않습니다.

강한 색상

16진수 코드
색상 적색 핑크색 오렌지색 노랑 자주색 짙은 녹색
16진수 코드 970302 E679A6 EE8019 F0BC00 5748B5 305D70
색상 파랑 밝은 파란색 밝은 노랑 녹색 밝은 녹색 -
16진수 코드 0E65C0 049DFF E9E7C4 308557 71D1B3 -

밝은 색상

16진수 코드
색상 적색 핑크색 오렌지색 노랑 자주색 짙은 녹색
16진수 코드 E5C0C0 F9DDE9 FBDFC5 FBEEBF D5D1EC CBD6DB
색상 파랑 밝은 파랑 밝은 노랑 녹색 밝은 녹색 -
16진수 코드 C3D8EF C0E6FF F9F9F0 CBE0D5 DBF3EC -

개발자용

템플릿, 모듈 및 가젯 개발자는 위의 모든 항목에 대한 CSS 스타일시트를 찾을 수 있습니다.

색상 사용

조합

메시지를 쉽게 읽을 수 있도록 색상 블록에 회색 또는 색상 텍스트를 사용하지 않는 것이 좋습니다. 최상의 결과를 얻으려면 이 페이지의 앞부분에서 색상을 소개했을 때와 같이 "대부분의" 색상에 검은색을 사용하십시오. 크리에이티브 팔레트의 빨강, 파랑, 녹색, 짙은 녹색 및 자주색만 흰색 텍스트와 잘 어울립니다. 밝은 팔레트의 색상은 검은색 텍스트와 가장 잘 어울립니다. 이것은 가능한 한 많은 사람들이 텍스트를 쉽게 읽을 수 있도록 하는 데 정말 중요합니다.

색상 금지

접근성을 위해 대비가 충분하지 않으므로 텍스트의 크리에이티브 팔레트에서 강한 색상과 밝은 색상을 결합하지 않는 것이 좋습니다.