CSS 색상 이름 참조

이 도구 소개

CSS는 색상 값이 허용되는 곳이면 어디서나 사용할 수 있는 148개의 명명된 색상을 정의합니다 — CSS 속성, SVG 속성, HTML 색상 속성 등. 명명된 색상은 헥스 코드보다 읽기 쉽고 모든 최신 브라우저와 CSS 전처리기에서 지원됩니다.

이 참고 자료는 모든 명명된 색상을 헥스 코드와 함께 색상 계열별로 그룹화하여 나열합니다. 스와치를 클릭하면 CSS 색상 이름이 클립보드에 복사됩니다.

사용 방법

1. 전체 그리드를 탐색하거나 드롭다운으로 색상 그룹을 필터링하세요.
2. 이름(예: "blue") 또는 헥스 코드(예: "#0000ff")로 검색하세요.
3. 스와치를 클릭하면 CSS 색상 이름(예: cornflowerblue)이 복사됩니다.
4. CSS에서 직접 이름을 사용하세요: color: cornflowerblue;

활용 사례

프론트엔드 개발자는 시각적으로 기억하지만 정확히 떠오르지 않는 색상 이름을 빠르게 조회할 수 있습니다. 디자이너는 브랜드 색상과 가장 가까운 CSS 명명 색상을 확인합니다. CSS 색상 구문을 가르칠 때 교육용 참고 자료로 활용하며, 프로토타입과 데모 코드에서 가독성을 높이기 위해 명명된 색상을 사용합니다.

자주 묻는 질문

• CSS 명명된 색상은 몇 개입니까? CSS Color Level 4는 transparent와 currentcolor 외에 148개의 명명된 색상을 정의합니다.
• 브라우저마다 명명된 색상이 동일합니까? 네. 명명된 색상은 완전히 표준화되어 있으며 모든 최신 브라우저에서 동일한 결과를 제공합니다.
• SVG에서도 명명된 색상을 사용할 수 있습니까? 네. SVG는 fill 및 stroke 속성에 동일한 CSS 색상 이름을 허용합니다.