색상
색상색의 고유한 성질 — 빨강, 주황, 노랑, 초록… 색상환의 각도로 분포됩니다(0° 빨강, 120° 초록, 240° 파랑). 사람들이 '어떤 색이냐'고 말할 때 의미하는 것이 바로 색상입니다.
색상부터 CIEDE2000까지 디자인 협업에서 자주 혼동되는 색상 용어를 한 표로 명확히 정리했습니다. 모든 용어는 직접 검증할 수 있는 도구로 연결됩니다.
색의 고유한 성질 — 빨강, 주황, 노랑, 초록… 색상환의 각도로 분포됩니다(0° 빨강, 120° 초록, 240° 파랑). 사람들이 '어떤 색이냐'고 말할 때 의미하는 것이 바로 색상입니다.
색이 얼마나 밝거나 어두운지를 나타내는 값으로, 순수 검정부터 순수 흰색까지 이릅니다. 같은 색상에서 흰색에 가까울수록 밝고 검은색에 가까울수록 어둡습니다. 밝기는 가독성과 대비를 결정합니다.
색의 선명도로, 0%는 회색, 100%는 순수 색상입니다. 높은 채도는 주의를 끌지만 피로도 유발하므로 UI에서는 주요 동작에만 사용하는 경우가 많습니다.
순수 색상에 흰색을 더한 것을 색조, 검은색을 더한 것을 명조, 회색을 더한 것을 회색조라고 합니다. 브랜드 색상 계열은 제어된 색조/명조 시퀀스로 구성됩니다.
켈빈 단위의 광 온도: 낮은 K는 주황색(따뜻함)으로 기울고 높은 K는 파란색(차가움)으로 기울어집니다. 화면의 따뜻한 모드는 단순히 온도를 낮춥니다.
전경과 배경의 휘도 비율로 1:1에서 21:1까지입니다. WCAG는 본문 텍스트에 대해 ≥ 4.5:1, 큰 텍스트에 대해 ≥ 3:1을 요구하는데 이는 접근성의 최소 기준입니다.
WCAG 3 후보 대비 알고리즘입니다. 글꼴 크기, 굵기 및 극성을 고려하며 WCAG 2.1보다 다크 모드 및 저대비 텍스트를 더 정확하게 읽습니다.
색상의 좌표계입니다. sRGB가 웹 기본값이며 Display P3는 더 넓은 범위를 커버하고 OKLCH는 인간의 인식에 따라 색상을 구성합니다.
기기 또는 공간이 표시할 수 있는 전체 색상 범위입니다. 네온과 같이 높은 채도의 색상은 종종 sRGB 범위를 벗어나며 화면은 가장 가까운 근사치만 표시할 수 있습니다.
#RRGGBB 형식의 6자리 표기법으로 24비트 색상(약 1670만 색상)은 웹의 색 공간 자체입니다.
가산식 빨강-초록-파랑 모델로 채널당 0-255 값을 가집니다. 화면이 빛을 내는 방식 때문에 RGB가 디지털 세계의 기본 모델입니다.
감산식 청록-자홍-노랑-검정 모델로 인쇄의 표준입니다. 화면의 RGB를 CMYK로 변환하는 것은 물리적 샘플과의 차이가 있는 이론적 근사치일 뿐입니다.
RGB보다 직관적인 색조/채도/밝기 원통 모델입니다. 단점은 비균일성으로, 50% 밝기에서 노란색이 파란색보다 훨씬 밝게 느껴집니다.
새로운 지각 균일 색 공간으로, 동일한 밝기 값은 동일하게 지각되는 밝기를 의미하며 보간 시 회색으로 변하지 않습니다. 디자인 시스템 스케일의 새로운 표준이며 CSS에서 기본 지원됩니다.
지각된 변화에 비례하는 수치적 변화입니다. 균일한 공간에서는 10의 차이가 모든 곳에서 동일하게 다르게 보이며, CIEDE2000과 OKLCH의 기반입니다.
CIE의 색차 공식입니다. ΔE는 지각된 거리를 나타내며, 1 미만은 거의 보이지 않고, 5 미만은 '같은 색'으로 인식되며, 10 이상은 명확하게 다르게 보입니다.
전 세계적인 특수 색상 시스템으로, 인쇄와 패션의 공용 언어입니다. 각 코드에는 고유한 잉크 조성이 있으며, 화면 렌더링은 시뮬레이션입니다.
독일 국가 표준 색 시스템으로, 산업용 코팅 및 분체 도장의 기준입니다. 예를 들어 RAL 3020 트래픽 레드가 있습니다.
검은색, 색채도, 색조로 색을 설명하는 스웨덴 시스템으로, 건축 및 인테리어에서 일반적으로 사용됩니다.
색상, 명도, 채도로 구성된 100년 역사의 체계로, 여전히 토양 및 농업 등급의 공식 표준입니다.
색각 이상 사용자(남성의 약 8%)가 사용할 수 있는 팔레트: 색상만으로 정보를 전달하지 않고, 대비를 유지하며, 시뮬레이션으로 확인하세요.
색상이 아닌 용도로 명명된 색상: 주요/성공/경고/위험. 의미론적 특성으로 테마 및 다크 모드를 구현할 수 있습니다.
브랜드 또는 인터페이스에서 가장 잘 알려진 색상으로, 주요 작업과 강조를 담당합니다. 일반적으로 전체 표면의 10% 미만으로 사용하며, 과도한 사용은 효과를 약화시킵니다.
주 색상과 대비되는 지점으로, 미량 사용(5% 미만)하며 최대 색상 또는 채도 대비를 가집니다: 알림 점, CTA 버튼 등.
회색조: 배경, 구분선, 본문 및 보조 텍스트에 사용됩니다. 중성 색상의 따뜻함 또는 차가움이 전체 인터페이스의 특성을 결정합니다.
브랜드 색상을 명도별로 11단계(50-950)로 확장한 것으로, 디자인 시스템의 기본 요소입니다. 호버, 테두리, 다크 모드에 모두 동일 계열의 색상을 사용합니다.
색상환에서 180도 떨어진 색상(빨강-초록, 파랑-주황). 함께 사용하면 서로를 강조하며, 포인트 색상으로 좋지만 1:1 비율에서는 서로 대비됩니다.
2~4개의 이웃한 색조(파랑, 청록, 초록). 조화롭고 안정적이지만 평탄하며, 보색 포인트 하나로 차분함이 깨집니다.
용어집은 시작점입니다 — Color Meanings은 각 계열의 문화와 심리를 다루고, Stats 보고서는 3만 개의 이름으로 색상 구조를 검증합니다.