이미지 및 디자인 도구

팔레트 색상 이름 생성기

정확한 CSS 표준 이름, 가장 가까운 이름, 생성된 설명을 구분해 팔레트에 라벨을 붙입니다. 모든 처리는 브라우저에서 이루어집니다.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

1~100개 색상을 줄바꿈 또는 세미콜론으로 구분하세요. #RGB, #RRGGBB, rgb(0, 128, 255), rgb(0 50% 100%) 및 CSS 표준 색상 이름 148개를 지원합니다. 불투명 색상만 가능합니다.

모든 처리는 브라우저에서 수행됩니다. CIE Lab(D65)의 CIE76 ΔE를 사용하며 유사 이름과 중복 기준은 ΔE ≤ 5입니다. 보편적인 지각 보장은 아닙니다. 설명은 공식 색상 이름이 아닌 HSL 분류입니다. WCAG 2 대비는 불투명 sRGB 단색과 흰색/검은색만 비교합니다. 4.5:1은 AA 일반 글자, 3:1은 AA 큰 글자 기준이며 페이지 접근성 판정은 아닙니다.

사용 방법

사용 방법

  1. 불투명 색상 1~100개를 줄바꿈이나 세미콜론으로 입력하세요.
  2. 이름을 생성하고 CSS 이름, ΔE76 거리, 중복 경고와 대비를 확인하세요.
  3. CSS 변수 또는 JSON을 선택해 복사하거나 다운로드하세요.

표준 이름과 설명

고정 표는 W3C CSS Color 4를 따르며 rebeccapurple과 gray/grey 별칭을 포함합니다. 정확한 별칭을 함께 표시합니다. D65 백색점 CIE Lab의 유클리드 CIE76 ΔE를 계산하며 ΔE ≤ 5는 가까운 색입니다. 먼 색상에는 HSL 색조·밝기·채도 분류를 사용합니다. 공식 이름이나 보편적인 지각 보장은 아닙니다.

입력 범위

#RGB, #RRGGBB, 숫자 또는 백분율 3채널 rgb(), 표준 색상 이름을 지원합니다. RGB 값은 범위 내에서 8비트 sRGB로 반올림합니다. 알파, transparent, currentColor, 시스템 색상 및 다른 색 공간은 제외합니다. 잘못된 입력은 내보내기를 차단하며 최대 100개입니다.

중복, 대비 및 내보내기

모든 색상 쌍을 Lab으로 비교하며 ΔE76 ≤ 5이면 완전 중복을 포함해 경고합니다. WCAG 2 대비는 단색 흰색·검은색만 비교합니다. AA 일반 글자는 4.5:1, 큰 글자는 3:1이며 페이지 전체 판정은 아닙니다. CSS는 고유 번호 변수와 원래 HEX를, JSON은 매칭·설명·대비·중복 정보를 내보냅니다. 업로드하지 않습니다.

자주 묻는 질문

더 알아보기

이름을 붙이면 색이 바뀌나요?

아니요. 정규화한 원래 8비트 sRGB를 유지하며 가장 가까운 표준색은 참고용입니다.

생성된 이름이 CSS 키워드인가요?

아니요. 표준 이름 148개만 키워드입니다. CSS에는 내보낸 HEX를 사용하세요.

한 색상에 이름이 여러 개인 이유는 무엇인가요?

aqua/cyan, gray/grey 같은 별칭이 있습니다. 정확한 일치와 같은 거리의 이름을 모두 표시합니다.