Skip to main content
FreeToolkit .ai

CSS 140+ CSS , , .

CSS illustration
🎨

CSS

140+ CSS , , .

1

2

, ,

3

HEX

HEX

Loading tool...

What Is CSS ?

CSS Named Colors Reference는 W3C 사양에서 정의된 140개 이상의 CSS 명명색을 위한 포괄적인 시각적 카탈로그입니다. 단순한 조회 도구와 달리, 이 참조 자료는 여러 가지 정렬 옵션(알파벳 순, 색상별 그룹화, 밝기별)을 제공하여 색상 탐색과 발견을 위한 강력한 도구로 작용합니다. 각 색상 항목에는 시각적 샘플, 의미 있는 이름 및 HEX 코드가 표시됩니다. 검색 기능은 부분 일치 이름으로 필터링하므로 "blue"를 입력하면 관련된 모든 파란색(aliceblue, blue, cadetblue, cornflowerblue 등)이 표시됩니다. 이 참조 자료는 명명된 색상을 빠르게 찾거나 사용 가능한 CSS 색상 이름을 탐색하거나 프로토 타이핑을 위한 의미 있는 색상 이름을 선택하려는 개발자에게 필수적입니다.

Why Use CSS ?

  • 140+ CSS
  • : , ,
  • HEX

Common Use Cases

CSS ,

CSS

CSS

CSS

Technical Guide

CSS 명명색은 CSS Color Module Level 4 사양에서 정의된 키워드입니다. 별칭(aqua/cyan)을 포함하여 148개의 명명된 색상이 있습니다. 각 이름은 특정 sRGB 색상에 매핑됩니다. 색상별 정렬에는 각 색상의 HEX 값에서 추출한 HSL 색조각(0-360°)을 사용하여 빨간색, 오렌지색, 노란색, 초록색, 파란색 및 보라색을 함께 그룹화합니다. 밝기별 정렬은 HSL 밝기값(0-100%)을 사용합니다. 무채색(검정, 하양, 회색)은 0°의 색조각이지만 포화도가 매우 낮아 색조별 정렬에서 한쪽 끝에 클러스터링됩니다. X11 색상 시스템 유산으로 인해 일부 명명 불일치가 존재하며, 특히 "darkgray"(A9A9A9)는 "gray"(808080)보다 밝습니다.

Tips & Best Practices

  • 1
  • 2
  • 3
  • 4
  • 5
    HEX

Related Tools

HEX를 RGB로 변환기 - free online tool

HEX를 RGB로 변환기

라이브 미리보기 스와치와 함께 즉시 HEX 색상 코드를 RGB 값으로 변환합니다.

🎨 Color Tools
HEX를 HSL로 변환하기 - free online tool

HEX를 HSL로 변환하기

HEX 색상 코드를 HSL(색조, 채도, 밝기) 값으로 변환합니다.

🎨 Color Tools
컬러 이름을 HEX로 - free online tool

컬러 이름을 HEX로

검색 및 미리보기와 함께 모든 140개 이상의 CSS 명명된 색상에 대한 HEX 코드를 찾습니다.

🎨 Color Tools
색상 선택기 - free online tool

색상 선택기

HEX, RGB, HSL, CMYK 출력을 지원하는 상호작용 색상 선택기입니다.

🎨 Color Tools
테일윈드 색상 찾기 - free online tool

테일윈드 색상 찾기

任意의 HEX 코드에 가장 가까운 테일윈드 CSS 색상 클래스를 찾아보세요.

🎨 Color Tools

Frequently Asked Questions

Q CSS ?
148 CSS , 145 (3 : aqua=cyan, fuchsia=magenta, darkgrey=darkgray)
Q ?
(0-360°) .
Q CSS?
Yes, CSS .

About This Tool

CSS 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.