140개 표준 CSS/HTML 명명 색상 전체를 아름다운 스와치 그리드에서 둘러보세요 — 이름이나 헥스로 검색하고, 색상 계열로 필터링하고, 어떤 색상이든 헥스, rgb() 또는 hsl() 값을 클릭 한 번으로 복사하세요. 브라우저에서, 무료.

140개 표준 CSS/HTML 명명 색상 전체를 헥스, RGB, HSL 값과 함께 보여줍니다. 모든 처리는 내장 참조표를 바탕으로 브라우저에서 실행됩니다 — 서버로 전송되는 것은 없습니다.

검색과 일치하는 색상이 없습니다.
다른 이름이나 헥스를 시도해 보세요 — 예: RebeccaPurple, #00FF00 또는 teal.

HTML 색상 이름 소개

이 레퍼런스는 브라우저가 인식하는 전체 목록인 140개의 표준 CSS/HTML 색상 이름을 AliceBlue부터 YellowGreen까지 반응형 색상 견본 그리드로 보여줍니다. 각 견본은 색상 자체와 이름, 16진수 값을 함께 표시하며, 클릭하면 각각 클립보드에 복사할 수 있는 16진수, rgb(), hsl() 형식이 열립니다.

이름이나 16진수 값으로 검색할 수 있어 Tomato와 #FF6347 모두 같은 견본을 찾아주며, Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites, Grays & Blacks 계열로 필터링할 수 있습니다. 계열 보기는 원하는 색조를 대략 알고 있을 때 후보를 빠르게 추릴 수 있는 가장 빠른 방법입니다.

RebeccaPurple 같은 이름은 16진수 세 자리 조합보다 의도를 더 잘 전달하므로, 색상 이름은 프로토타입, 코드 예제, SVG 채우기, 교육 자료에 유용합니다. RGB와 HSL 값은 각 색상의 16진수 값에서 브라우저가 계산해 내며, 검색한 내용은 서버로 전송되지 않습니다.

HTML 색상 이름 사용 방법

  1. 색상 이름이나 16진수 값으로 검색하세요. 예: Tomato, teal 또는 #00FF00.
  2. Reds, Blues, Grays 등 계열로 필터링해 한 색조 범위의 색상을 추려 보세요.
  3. 견본을 클릭해 16진수 값을 즉시 복사하세요.
  4. 견본 팝오버를 열어 rgb() 또는 hsl() 형식을 대신 복사하세요.

자주 묻는 질문

최신 CSS에는 140개의 표준 색상 이름이 있으며, 원래 16개의 HTML 색상을 더 큰 X11 파생 목록으로 확장한 것입니다. 현재의 모든 브라우저가 색상을 받는 모든 속성에서 이들 전부를 지원합니다.

아닙니다. tomato, Tomato, TOMATO 모두 CSS와 HTML에서 유효하며 동일합니다. 여기 표시된 카멜케이스 형식은 LightGoldenrodYellow 같은 여러 단어로 된 이름을 읽기 쉽게 만드는 관례적인 표기일 뿐입니다.

이름은 예제, 프로토타입, 일회성 강조 색에 훌륭합니다. 프로덕션 팔레트는 보통 16진수, rgb() 또는 hsl() 값을 가진 커스텀 프로퍼티에 저장되는데, 디자인 시스템 색상이 이름 있는 색상과 정확히 일치하는 경우가 드물기 때문입니다. 기능적으로는 이름과 그 16진수 값이 서로 바꿔 써도 무방합니다.

CSS는 gray와 그 변형인 gray/grey, darkgray/darkgrey 등 두 철자를 모두 포함해 각 쌍을 같은 값에 매핑하므로, 어느 철자를 써도 틀리지 않습니다.

네. 140개 견본 전체, 검색, 계열 필터, 16진수/rgb()/hsl() 복사 기능 모두 무료이며 브라우저에서 완전히 실행됩니다.

도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.
문제 신고

이 무료 도구를 귀하의 웹사이트에 추가하세요 — 아래 코드를 복사하여 붙여넣으세요.