CSS 표준 140개 색상 이름을 검색합니다. 색 이름이나 한글 키워드로 찾고 클릭으로 HEX를 복사하세요.
CSS 컬러 이름 사용법
- 영문 색 이름(예: salmon, coral) 또는 한글 키워드(예: 빨강, 파랑)로 검색합니다.
- 색상 카드를 클릭하면 HEX 코드가 복사됩니다.
- CSS에서
color: salmon;처럼 이름을 직접 사용해도 됩니다.
주요 기능
- CSS 표준 140개 색상 이름 라이브러리
- 영문·한글 양방향 검색
- HEX·RGB 정보 표시
- 한 번 클릭으로 HEX 복사
활용 예시
- "salmon이 무슨 색이지?" 빠르게 확인
- CSS에서 색 이름 직접 사용 (가독성↑)
- 디자이너와 소통 시 정확한 색 이름 참조
- Tailwind/Material에 없는 독특한 색 찾기
CSS 색 이름이란?
CSS는 W3C 표준으로 140개의 색 이름을 정의하고 있습니다 (예: red, blue, lightcoral, darkslateblue). HEX 코드 대신 이름으로 사용 가능하지만, 디자인 시스템의 일관성을 위해 보통 HEX/HSL을 더 많이 씁니다.
자주 묻는 질문
색 이름 vs HEX, 어느 것을 써야 하나요?
제품 코드에서는 HEX/HSL이 권장됩니다(디자인 시스템 토큰화). 빠른 프로토타입이나 CSS 학습 시에는 색 이름이 직관적입니다.
왜 같은 색이 두 이름으로 있나요?
일부 색은 미국·영국 철자 모두 인정됩니다. 예: gray와 grey는 동일한 #808080입니다.
CSS에서 색 이름은 대소문자를 구분하나요?
아니요. red, Red, RED 모두 동일하게 동작합니다. 가독성을 위해 소문자를 권장합니다.
이 외에 더 많은 색이 필요하면?
Tailwind 컬러 팔레트(242색) 또는 머티리얼 디자인 컬러를 사용하세요. 본 사이트의 Tailwind 컬러 팔레트에서 확인 가능합니다.