Question 1

CSS에서 이름 있는 색상은 몇 개인가요?

Accepted Answer

CSS는 'aliceblue'부터 'yellowgreen'까지 140개의 표준 명명 색상을 정의합니다. HTML 4의 기본 16색, 전체 X11/SVG 색상 세트, 그리고 나중에 추가된 'rebeccapurple' 등이 포함됩니다.

Question 2

최근접 색상 매칭이란 무엇이고 얼마나 정확한가요?

Accepted Answer

최근접 색상 매칭은 입력값과 RGB 값이 가장 가까운 명명 색상을 찾는 방법으로, 일반적으로 RGB 또는 Lab 색상 공간에서 유클리드 거리를 이용합니다. Lab 기반 매칭은 인간의 색상 인식 방식을 반영하므로 더 지각적으로 정확합니다.

Question 3

디자인 시스템에서 hex 코드 대신 색상 이름을 쓸 수 있나요?

Accepted Answer

명명 색상은 프로토타이핑에는 적합하지만 실제 디자인 시스템에서는 hex나 HSL 값이 선호됩니다. Hex 코드는 명확하고, 디자인 토큰에 저장하기 쉬우며, 140가지 이름보다 훨씬 넓은 1677만 가지 색상을 표현할 수 있습니다.

Question 4

CSS 명명 색상은 X11 색상과 동일한가요?

Accepted Answer

거의 같지만 완전히 동일하지는 않습니다. 예를 들어 CSS의 'green'은 #008000(중간 초록)이지만 X11의 'green'은 #00FF00으로, CSS에서는 이를 'lime'이라고 부릅니다.

Question 5

색상 이름이 접근성에 영향을 주나요?

Accepted Answer

직접적으로는 아닙니다. 접근성은 색상 이름이 아닌 대비율에 달려 있습니다. 다만 명명 색상은 코드 리뷰와 스타일 가이드에서 의도를 명확히 전달하는 데 도움이 됩니다. 접근성 확인 시에는 항상 실제 hex 값을 WCAG 대비 기준과 비교하세요.

색상 이름 검색

자주 묻는 질문