명명된 색상 찾기
어떤 색상에서든 가장 가까운 CSS 명명 색상과 가장 유사한 Tailwind 음영을 찾으세요 — 지각적으로 일치시키며 복사 가능한 값을 제공합니다.
내 색상
#3B82F6
가장 가까운 CSS 색상
—
—
차이:
—
정확히 일치
가장 가까운 Tailwind 음영
—
—
차이:
—
정확히 일치
색상을 입력하거나 선택하면 가장 가까운 CSS 명명 색상과 Tailwind 음영을 즉시 확인할 수 있습니다 — 브라우저에서 지각적으로 일치.
명명된 색상 찾기 소개
네임드 컬러 파인더(Named Color Finder)는 간단한 질문에 답합니다. "이 색은 이름이 뭘까?" 색상을 입력하거나 선택하면 즉시 브라우저가 이해하는 표준 목록에서 가장 가까운 CSS 명명 색상("steelblue"나 "coral" 같은)을 "sky-600"과 같은 가장 가까운 Tailwind 팔레트 색조와 함께 반환합니다.
매칭은 단순히 수치적인 것이 아니라 지각적으로 이루어지므로, 제안된 이름들은 원본 RGB 값과 가까울 뿐 아니라 실제로 입력한 색상처럼 보입니다. 차이 표시기는 매칭이 정확한지, 매우 근접한지, 근사치일 뿐인지 알려주므로 기억하기 쉬운 이름을 얻는 대신 얼마만큼의 정확도를 포기하는지 알 수 있습니다.
조회는 전적으로 브라우저에서 실행되며 모든 결과에 복사 버튼이 있습니다. 더 읽기 쉬운 CSS를 작성하거나, 임의의 브랜드 색상을 Tailwind 스케일에 맞추거나, 사진에서 고른 색상의 이름이 무엇인지 알아보는 데 편리합니다.
명명된 색상 찾기 사용 방법
- 색상 값을 입력하거나 피커로 선택하세요. 탐색하려면 "무작위"를 클릭하세요.
- 입력한 색상과 나란히 표시되는 가장 가까운 CSS 명명 색상과 가장 가까운 Tailwind 색조를 확인하세요.
- 차이 표시기를 확인해 각 매칭이 얼마나 근접한지 확인하세요.
- 사용하고 싶은 값에서 "복사"를 클릭하세요.
자주 묻는 질문
네. 매칭은 내장된 색상 목록을 기준으로 브라우저에서 로컬로 계산되므로 조회는 무료이고 즉시 이루어지며 제한이 없습니다.
CSS는 약 148개의 명명 색상을 정의합니다(gray/grey처럼 별칭인 경우가 있어 실제로는 147개의 고유한 값). "red"처럼 기본적인 것부터 "papayawhip"처럼 생소한 것까지 있습니다. 모든 브라우저가 이를 이해하며, 이 도구는 입력한 어떤 색상에도 가장 가까운 이름을 찾아줍니다.
이 도구는 단순한 RGB 비교가 아니라 지각적 색상 거리 지표를 사용하므로, 제안된 이름은 사람의 눈에 실제로 얼마나 비슷하게 보이는지를 반영합니다. 이는 특히 탁한 색조나 회색에 가까운 색상에서 중요합니다.
Tailwind 기본 색상 팔레트에서 가장 가까운 색조를 "emerald-500"처럼 익숙한 색조-숫자 형식으로 이름 붙여 제공합니다. 임의의 디자인 색상을 Tailwind 스케일에 맞춰 유틸리티 클래스를 일관되게 유지하는 데 유용합니다.
입력한 색상이 명명 색상과 동일하다는 뜻입니다. 시각적 차이 없이 HEX 값 대신 그 이름을 사용할 수 있습니다. 낮은 등급("Very close", "Close", "Approximate")은 점점 커지지만 종종 눈에 띄지 않는 차이를 나타냅니다.
인기 검색어
색상 이름 찾기
가장 가까운 css 색상 이름
색상 이름 검색
가장 가까운 tailwind 색상
hex를 색상 이름으로
색상 이름 식별
도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.