색상

코어 팔레트
레거시 팔레트
크리에이티브 팔레트
색상 사용

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

코어 팔레트

코어 팔레트는 검정과 흰색과 검정 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 스타일시트를 찾을 수 있습니다.

색상 사용

조합

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

색상 금지

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