색상 선택기 vs 시스템 아이드로퍼?

아이드로퍼는 화면 픽셀을 가져오고, 이 도구는 색상 공간에서 색상을 구성하므로 참고 이미지가 없을 때 이상적입니다.

왜 밝기 100%가 순백색이 아닌가요?

모든 채도에서도 최대 밝기는 여전히 색조를 띱니다. 순수 흰색을 위해 채도를 0으로 설정하세요.

HEX를 복사하여 비교용으로 붙여넣거나, 프로필을 열고 실제 세계 참고용으로 이웃 색상을 둘러보세요.

시스템 색상 선택기 API를 지원하는 브라우저(Chrome/Edge)에서는 가능합니다. 도구에서 색상 선택기 항목을 찾으세요.

24비트 공간에서 임의의 색상을 선택하고 미리 보고 전체 프로필을 열 수 있습니다.

#3C83F6

색조217

채도91

명도60

색상환과 채도/밝기 패널이 다른 모든 도구와 연동되어 있습니다.

사용자가 실제로 묻는 4가지 질문입니다.

색상 선택기 vs 시스템 아이드로퍼?: 아이드로퍼는 화면 픽셀을 가져오고, 이 도구는 색상 공간에서 색상을 구성하므로 참고 이미지가 없을 때 이상적입니다.
왜 밝기 100%가 순백색이 아닌가요?: 모든 채도에서도 최대 밝기는 여전히 색조를 띱니다. 순수 흰색을 위해 채도를 0으로 설정하세요.
이 색상을 이미지 추출에 어떻게 사용하나요?: HEX를 복사하여 비교용으로 붙여넣거나, 프로필을 열고 실제 세계 참고용으로 이웃 색상을 둘러보세요.
화면에서 색상을 선택할 수 있나요?: 시스템 색상 선택기 API를 지원하는 브라우저(Chrome/Edge)에서는 가능합니다. 도구에서 색상 선택기 항목을 찾으세요.

여기에서 계속해서 색상을 활용하세요.

모든 형식(HEX / RGB / HSL / 이름)을 입력하고 실시간으로 모든 색 공간으로 변환하세요.

임의의 전경색과 배경색 간의 WCAG 2.1 대비 검증을 수행합니다.

모든 색상을 OKLCH에서 인지적으로 균일한 11단계 디자인 시스템 스케일로 변환하고, 각 단계의 WCAG 대비율을 확인한 후 Tailwind/CSS/SCSS/JSON으로 내보낼 수 있습니다.

이미지를 업로드하고 K-means++ 클러스터링으로 주요 색상을 추출합니다 — 로컬에서 처리됩니다.