색상 / 이름
색상 이름 찾기: 헥스 또는 RGB를 가장 가까운 CSS 색상 이름으로 변환
헥스, rgb() 또는 CSS 색상을 입력하면 CIELAB의 지각적 차이를 기준으로 148가지 CSS 색상 이름 중 가장 가까운 이름을 찾습니다. 비교용 색상 견본과 각 이름의 헥스 값도 표시합니다.
색상 이름 찾기: 헥스 또는 RGB를 가장 가까운 CSS 색상 이름으로 변환: 입력한 색상과 모든 CSS 색상 이름을 CIELAB 색 공간으로 변환합니다. 이 공간에서는 색상 간 거리가 실제로 색상이 다르게 보이는 정도를 따릅니다. 가장 가까운 이름은 색상 차이 ΔE와 함께 표시됩니다. ΔE가 약 2.3보다 작으면 대부분의 사람은 차이를 구분하지 못합니다. 예를 들어 #3a7bd5는 cornflowerblue에 가장 가깝습니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.
- 카테고리
- 일상 도구
- 실행 횟수
- 브라우저에서
- 비용
- 무료 · 가입 불필요
- 사용 가능 여부
- 사용 가능
브라우저에서 전부 실행됩니다
색상은 CIELAB 색 공간에서 148개의 CSS 색상 이름 전체와 비교됩니다. CIELAB 색 공간은 같은 거리가 대략 같은 정도의 차이로 보이도록 설계되었습니다. 대부분의 사람이 차이를 볼 수 없을 때 거리 ΔE는 약 2.3 미만입니다. 스타일시트에서는 hex 코드 대신 color: steelblue과 같이 모든 CSS 이름을 사용할 수 있습니다.
색상 이름의 유래
대부분의 CSS 색상 이름은 1980년대 X11 윈도우 시스템의 색상 목록에서 유래했습니다. 그래서 papayawhip과 lightgoldenrodyellow 같은 이름이 존재합니다. rebeccapurple(#663399)은 Rebecca Meyer를 기리기 위해 2014년에 추가되었습니다.
색상 변환
색상을 HSL, RGB 또는 다른 표기법으로 변환하려면 색상 변환기를 사용하십시오.
사용 방법
- 색상을 헥스, rgb() 또는 이름 형식으로 입력합니다.
- 가장 가까운 색상 이름과 색상이 얼마나 유사한지 확인합니다.
- 색상 견본을 비교하고 원하는 이름을 복사합니다.
개인정보 보호 및 제한사항
모든 작업은 브라우저에서 실행됩니다.
관련 도구
자주 묻는 질문
왜 CSS 이름을 사용하나요?
CSS 이름은 널리 알려진 표준 색상 이름 모음이며, aliceblue부터 yellowgreen까지 스타일시트에서 바로 사용할 수 있습니다.
ΔE는 무엇을 의미하나요?
CIELAB에서 두 색상 사이의 거리를 의미합니다. 나란히 놓았을 때 대부분의 사람이 알아차리는 가장 작은 차이는 약 1이며, 10보다 크면 색상이 확연히 다릅니다.
grey와 gray가 모두 표시되지 않는 이유는 무엇인가요?
두 이름은 철자만 다를 뿐 같은 색상입니다. 이 도구에서는 각 쌍에서 하나의 이름만 표시합니다.
무료 도구 · 브라우저에서회 실행 · 계정 불필요