HTML 색상 코드
이름이 있는 HTML·CSS 색상을 HEX와 RGB 값과 함께 살펴보고 클릭 한 번으로 코드를 복사하세요.
파일이 기기 밖으로 나가지 않습니다100% 무료
사용 방법: HTML 색상 코드
- 1
색상 입력하기
색상 코드를 입력하거나 색상 선택기로 색상을 고르세요. 각 필드에는 표시된 형식으로 입력할 수 있습니다.
- 2
변환 결과 확인하기
입력하는 즉시 결과가 업데이트되며 색상의 실시간 미리보기도 함께 표시됩니다.
- 3
코드 복사하기
필요한 값을 클릭 한 번으로 복사해 디자인, CSS 또는 인쇄 설정에 붙여 넣으세요.
HTML과 CSS의 색상 이름
HTML과 CSS에서는 색을 숫자 대신 키워드로 쓸 수 있어요. Red, Navy, Olive 같은 16가지 기본 이름 외에도 브라우저는 Tomato, SteelBlue, RebeccaPurple 등 약 140가지의 확장 이름을 인식하며, 각각 정해진 HEX 값에 대응해요. 이름은 대소문자를 구분하지 않아서 color: tomato와 color: Tomato는 같은 뜻이에요.
이 페이지에는 이름이 있는 색상이 HEX 코드와 RGB 값과 함께 견본으로 나열돼 있어요. 검색창에 입력해 이름이나 HEX 코드 일부로 걸러 보고, 견본을 클릭하면 HEX 코드가 복사돼요. 색상 이름은 프로토타입과 간단한 데모에 편리하지만, 브랜드 팔레트에는 HEX, RGB, HSL 값을 써야 모든 색을 정밀하게 제어할 수 있어요.
모든 작업은 브라우저에서 로컬로 처리되며, 이미지는 서버에 절대 업로드되지 않습니다.