CSS 컬러 이름을 HEX 변환기 검색 및 미리보기와 함께 모든 140개 이상의 CSS 명명된 색상에 대한 HEX 코드를 찾습니다.
What Is 컬러 이름을 HEX로?
CSS 색상 이름을 HEX로 찾는 기능은 CSS 사양에서 정의된 140개 이상의 색상을 인간이 읽을 수 있는 이름으로 즉시 액세스할 수 있습니다. 헥사 코드를 기억하는 대신, CSS에서는 "coral", "tomato", "steelblue" 또는 "rebeccapurple"와 같은 이름을 스타일 시트에서 직접 사용할 수 있습니다. 이 도구는 각 색상 이름에 대한 시각적 샘플, 정확한 HEX 코드 및 한 번의 클릭으로 복사 기능을 표시합니다. 이는 개발자가 프로토タイプ에서 의미 있는 색상 이름을 사용하거나, 이름으로 알려진 색상의 헥스 값을 찾거나, CSS 사양에서 존재하지 않는 새 색상을 발견하려는 경우에 매우 유용한 참조 자료입니다. 검색 가능한 인터페이스로 인해 특정 색상을 빠르게 찾거나 전체 색상 패밀리를 탐색할 수 있습니다. 이름이 지정된 CSS 색상은 기본적인 원시 색상부터 "lemonchiffon", "papayawhip" 및 "mintcream"과 같은 세련된 음영까지 다양합니다.
Technical Guide
CSS에서 이름이 지정된 색상은 CSS Color Module Level 4에 정의된 148개의 색상 키워드(중복 항목인 "aqua"/"cyan" 및 "fuchsia"/"magenta" 포함)로 구성된 사전 설정 세트입니다. 각 이름은 HEX 트리플렛으로 정의되는 특정 sRGB 색상에 매핑됩니다. 이러한 이름은 Unix 창 시스템에서 사용되는 X11 색상 집합에서 유래했으며, 시간이 지남에 따라 추가되었습니다. "rebeccapurple"(#663399)라는 이름은 2014년에 에릭 메이어의 딸을 기리기 위해 추가되었습니다. CSS에서는 이름이 지정된 색상이 대소문자 구분되지 않습니다. 즉, "DarkSlateGray"와 "darkslategray"는 동일합니다. 개발에는 편리하지만, 이름이 지정된 색상은 제한이 있습니다. 16.7백만 개의 가능한 RGB 색상 중에서 hanya 148개만 제공하며, 이름은 주관적일 수 있습니다(예: "gray"는 #808080이고 "darkgray"는 #A9A9A9로, "gray"보다 밝습니다). 프로덕션 코드의 경우 대부분의 팀에서는 디자인 사양과 일치하는 정확한 색상 제어 및 일관성을 위해 HEX 또는 HSL을 사용합니다.
Related Tools
HEX를 RGB로 변환기
라이브 미리보기 스와치와 함께 즉시 HEX 색상 코드를 RGB 값으로 변환합니다.
🎨 Color Tools
HEX를 HSL로 변환하기
HEX 색상 코드를 HSL(색조, 채도, 밝기) 값으로 변환합니다.
🎨 Color Tools
색상 선택기
HEX, RGB, HSL, CMYK 출력을 지원하는 상호작용 색상 선택기입니다.
🎨 Color Tools
테일윈드 색상 찾기
任意의 HEX 코드에 가장 가까운 테일윈드 CSS 색상 클래스를 찾아보세요.
🎨 Color Tools
CSS
140+ CSS , , .
🎨 Color ToolsAbout This Tool
컬러 이름을 HEX로 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.