색상 이름 찾기: 가장 가까운 CSS 및 ISCC-NBS 매칭
색상 이름 찾기는 입력한 색상을 두 가지 명명 체계, 즉 148개의 CSS 색상 이름과 ISCC-NBS 색상 중심(centroid)과 비교합니다. 각 체계에서 가장 가까운 매칭을 식별하며, CSS 비교에는 OKLab을 사용하고, 두 결과의 거리를 보고해 각 이름이 얼마나 가까운지 판단할 수 있습니다. 매칭 결과를 이용해 색상 선택을 전달하거나 문서화하세요.
색상 이름 찾기는 입력한 색상의 가장 가까운 CSS 색상 이름과 ISCC-NBS 매칭을 찾는 브라우저 기반 색상 명명 도구입니다. 하나의 명명 체계를 강제하지 않고 두 가지 결과를 반환합니다. 148개의 CSS 색상 이름 중 가장 가까운 매칭과 가장 가까운 ISCC-NBS 중심입니다. 각 결과에는 거리가 포함되어 이름이 색상을 얼마나 잘 나타내는지 판단할 수 있습니다.
CSS 결과의 경우 도구는 OKLab에서 색상을 비교해 가장 가까운 색상 이름을 선택합니다. ISCC-NBS 결과의 경우 해당 색상 명명 체계에서 가장 가까운 중심을 찾습니다. 결과를 검토하기 전에 사용 가능한 옵션을 조정할 수 있지만, 구체적인 효과는 여기에 나와 있지 않습니다. 색상이 이름 매칭 사이에 걸쳐 있을 때 거리 값이 유용한 맥락을 제공합니다.
CSS 색상 이름과 ISCC-NBS 이름은 서로 다른 색상 참조 요구를 충족합니다. CSS 이름은 148개의 CSS 색상 이름 중 하나로 색상을 설명하고 싶을 때 유용하고, ISCC-NBS는 생물학과 디자인에서 사용하는 표준 명명 체계를 제공합니다. 두 결과를 비교하면 작업에 맞는 명명 규칙으로 색상을 전달, 검토, 문서화하는 데 도움이 됩니다.
색상 이름 찾기는 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 업로드되거나 저장되거나 서버로 전송되지 않습니다. 페이지가 로드된 후에는 도구가 오프라인으로 동작하므로 활성 연결 없이 사용할 수 있습니다.
이 도구는 색상의 명확한 이름이 필요한 개발자, 디자이너, 모든 사람에게 유용합니다. 또한 DevOps 엔지니어와 다른 기술 팀이 로컬에 소프트웨어를 설치하지 않고 색상 값을 확인하거나 문서화하는 데 도움이 됩니다. 두 매칭과 거리를 이용해 색상 참조를 비교하고 공유하기 쉽게 만드세요.
1단계: 도구에 색상을 입력하거나 붙여넣으세요. 도구가 입력을 CSS와 ISCC-NBS 색상 참조와 비교합니다.
2단계: 필요하면 사용 가능한 옵션을 조정하세요. 조정할 수 있는 옵션이 포함되어 있지만, 구체적인 효과는 여기에 설명되어 있지 않습니다.
3단계: 두 가지 이름 매칭 결과와 거리를 검토하세요. 거리는 각 이름이 입력 색상과 얼마나 가까운지 평가하는 데 도움이 됩니다.
4단계: 결과를 메모나 프로젝트용으로 복사하세요. 두 명명 체계를 비교해야 할 때는 CSS와 ISCC-NBS 매칭을 함께 보관하세요.
사용 사례: 로컬 도구를 설치하지 않고 디자인 값의 색상 이름을 찾으세요. 두 결과로 CSS 이름과 ISCC-NBS 이름을 비교하기 쉽습니다.
사용 사례: 사용 중인 컴퓨터에서 색상을 확인하세요. 브라우저 기반 도구라 로컬에 소프트웨어를 설치할 필요가 없습니다.
사용 사례: 내부 색상 값을 서드파티 서비스에 보내지 마세요. 색상 이름 찾기는 브라우저에서 입력을 처리합니다.
사용 사례: 이름 매칭과 거리로 색상 선택을 문서화하세요. 이름만으로는 얻을 수 없는 맥락을 팀원에게 제공합니다.
사용 사례: CSS 색상 이름과 ISCC-NBS 체계의 색상 레이블을 비교하세요. 디자인과 생물학 맥락을 넘나들며 작업할 때 도움이 됩니다.
사용 사례: CSS 이름으로 색상을 참조해야 할 때는 가장 가까운 CSS 색상 이름을 사용하세요. 도구는 OKLab을 이용해 148개의 CSS 색상 이름과 대조합니다.
사용 사례: 색상이 ISCC-NBS 중심과 얼마나 맞는지 확인하세요. 보고된 거리는 매칭이 가까운지 덜 정확한지 보여줍니다.