색상 이름 찾기
색상 입력
#RGB, #RGBA, #RRGGBB, #RRGGBBAA, 정수 rgb()/rgba(), 백분율 hsl()/hsla()를 지원합니다.
HEX, RGB 또는 HSL 색상을 입력해 가장 가까운 표준 CSS 색상 이름을 찾으세요. 정규화된 HEX, RGB, HSL, CIELAB 값과 CIEDE2000 색차도 표시합니다. 모든 계산은 브라우저에서 이루어집니다. 단계 모드에서는 입력한 색상이 페이지 URL에 포함되어 페이지 요청과 함께 서버로 전송되지만, 색상 이름을 찾는 계산은 계속 브라우저에서만 실행됩니다.
CSS 색상 이름 찾는 방법
-
1
색상 입력
텍스트 입력란이나 색상 선택기를 사용합니다. 엄격한 HEX, 정수 RGB, 백분율 HSL 형식을 지원합니다.
-
2
검증 및 변환
값을 검증하고 D65 백색점의 sRGB, HSL, CIELAB으로 변환합니다.
-
3
CSS 이름 비교
불투명 RGB 색상을 CIEDE2000으로 모든 표준 CSS 이름 색상과 비교합니다.
-
4
확인 또는 복사
두 색상 견본과 값을 확인하고 결과를 복사합니다.
결과의 의미
CSS에는 tomato, cornflowerblue, rebeccapurple 같은 고정된 색상 이름 목록이 있습니다. 입력 색상이 정확히 일치하지 않으면 가장 가까운 이름과 그 이름의 표준 HEX 값을 보여 줍니다. aqua와 cyan처럼 같은 RGB를 나타내는 별칭은 함께 표시합니다.
sRGB를 D65 백색점의 CIELAB으로 변환한 뒤 CIEDE2000을 적용합니다. 0은 RGB가 정확히 같다는 뜻입니다. 짧고 긴 HEX, 정수 rgb()/rgba(), 백분율 hsl()/hsla()를 지원합니다.
알파는 8자리 HEX에 유지되지만 이름 계산에서는 제외됩니다. Pantone, 페인트, 크레용, 커뮤니티 사전을 검색하거나 이미지에서 색을 추출하지 않습니다. 접근성에는 별도로 WCAG 대비를 확인하세요.
자주 묻는 질문
CIEDE2000 색차가 0일 때만 정확히 일치합니다. 그 외에는 가장 가까운 표준 CSS 색상 이름입니다.
CSS에는 aqua와 cyan처럼 RGB 값이 같은 별칭이 있습니다. 동률 이름은 함께 표시합니다.
아니요. 알파는 정규화 HEX에 유지되지만 비교에서는 제외됩니다.
아니요. 대비 검사기로 글자색과 배경색을 WCAG 기준에 맞춰 확인하세요.
관련 도구
ASCII 표 참조
NUL, LF, DEL 같은 제어 문자를 포함해 모든 문자에 대한 10진수, 16진수, 8진수, 2진수, HTML 숫자 문자 참조를 담은 0부터 127까지의 전체 ASCII 표.
2진수를 10진수로 변환
2진수를 즉시 10진수로 변환합니다. 각 비트가 어떻게 기여하는지 볼 수 있도록 자릿값 전개를 보여줍니다.
랜덤 영어 글자 생성기
A-Z 영어 글자를 무작위로 생성합니다. 개수와 대문자, 소문자, 혼합 대소문자를 선택해 게임, 과제, 수업 활동에 활용하세요.
2진수 8진수 변환기
비트를 세 개씩 묶어 2진수를 8진수로 변환합니다. Unix 권한, 레거시 시스템, 간결한 숫자 표시에 유용합니다.
랜덤 색상 팔레트 생성기
2~15개의 색상으로 랜덤 팔레트를 만들고, 비비드, 파스텔, muted, dark 스타일을 선택한 뒤 HEX 코드나 CSS 변수를 복사하세요.
BBCode → HTML 변환기
BBCode(게시판 마크업)를 깔끔한 HTML로 변환합니다. 서식 태그, 목록, 인용, 코드, 이미지, 링크, 표를 처리합니다.