색상 이름 찾기

사용법

1. Hex(`#3b82f6`, `3b82f6`, `#36e`), `rgb(59, 130, 246)`, 또는 컬러피커로 입력.
2. CSS / Tailwind / XKCD 데이터베이스 사이 전환.
3. 복사 버튼으로 이름을 가져가 CSS·Tailwind 설정에 직접 사용.

자주 묻는 질문

왜 RGB 거리가 아닌 OKLab인가요?

단순 RGB 거리는 어두운 색의 10% 밝기 변화와 밝은 색의 10% 변화를 동일하게 취급하지만, 사람 눈은 중간 톤에 훨씬 민감합니다. OKLab(2020년 Björn Ottosson)는 인지 균등성을 위해 설계되어 '가장 가까운'이 실제로 '가장 비슷해 보이는'을 의미합니다.

XKCD 색상 서베이가 뭔가요?

2010년 Randall Munroe가 222,500명에게 무작위 5개 색상의 이름을 묻는 서베이를 진행했습니다. 가장 합의된 이름이 데이터 시각화(matplotlib 등)에서도 쓰이는 팔레트가 되었습니다. 'puke green' 같은 토속적 이름도 포함되지만 본 도구는 상위 60개만 사용합니다.

왜 결과가 8개인가요?

8순위 이후로는 거리가 너무 멀어 '가장 가까운'이라는 표현이 무의미합니다. 더 많은 결과가 필요하면 OKLab 유클리드 거리만 적용하면 됩니다.

관련 도구