색상 이름 참고
CSS/HTML, Material Design, Tailwind CSS의 명명된 색상을 탐색하세요. 색상 견본을 클릭하면 16진수 값이 복사됩니다. 검색창으로 색상 이름이나 16진수 코드를 필터링할 수 있습니다.
자주 묻는 질문
Q: CSS 명명 색상이란 무엇인가요?
A: CSS 명명 색상은 모든 현대 브라우저에서 인식되는 148개의 미리 정의된 색상 키워드입니다. #FF6347 같은 16진수 코드 대신 "tomato"라는 이름을 CSS에서 직접 사용할 수 있습니다. 이 이름들은 CSS Color Level 4 명세에서 표준화되었습니다.
Q: 16진수, RGB, HSL 색상 형식의 차이는 무엇인가요?
A: 16진수는 6자리 16진법 표기를 사용합니다(#RRGGBB). RGB는 0~255 사이의 빨강, 초록, 파랑 채널 값을 지정합니다. HSL은 색조(0~360), 채도(0~100%), 명도(0~100%)로 색상을 정의합니다. 세 가지 모두 같은 색상을 표현할 수 있으며 표기법만 다릅니다.
Q: Material Design 색상이란 무엇인가요?
A: Material Design 색상은 Google이 Material Design 인터페이스에 사용하기 위해 만든 선별된 팔레트입니다. 각 색상 계열은 50(가장 밝음)에서 900(가장 어두움)까지의 농도를 가지며, 500이 기본 색조입니다. 접근성과 시각적 조화를 위해 설계되었습니다.
Q: Tailwind CSS 색상이란 무엇인가요?
A: Tailwind CSS는 22개 색상 계열의 정선된 기본 색상 팔레트를 제공합니다. 각 계열은 50에서 950까지의 농도를 포함합니다. 500이 기본 색상이며, 팔레트는 밝은 테마와 어두운 테마 모두에서 잘 어울리도록 설계되었습니다.
Q: 프로젝트에 맞는 색상은 어떻게 선택하나요?
A: 접근성을 위한 대비 비율을 고려하세요(WCAG는 일반 텍스트에 최소 4.5:1을 권장합니다). 브랜드 아이덴티티에는 주 색상, 텍스트와 배경에는 중립 팔레트, 인터랙티브 요소에는 강조 색상을 아끼며 사용하세요. 색상 대비 검사 도구가 선택의 유효성을 검증하는 데 도움이 됩니다.