이미지에서 색상 추출기

이미지를 업로드하고 픽셀을 클릭하면 해당 색상의 HEX 값과 RGB, HSL, 가장 가까운 CSS 명명 색상을 얻을 수 있습니다. 스크린샷에서 브랜드 색상을 매칭하거나, 사진에서 페인트 색상을 식별하거나, 배경화면의 하늘 정확한 톤을 가져오는 데 유용합니다.

이미지에서 색상을 선택해야 하는 이유 (눈대중 대신)

"파란색 같아"라고 말하면 100가지 다른 파란색이 나옵니다. 색상 추출기는 실제 픽셀 값을 읽어 CSS, 디자인 도구 또는 페인트 스토어 앱에 정확한 HEX를 붙여넣을 수 있습니다. 확대/축소 및 이동 기능을 사용하여 작은 세부 사항(초상화의 눈 색상, 직물 패턴의 실)을 타겟팅할 수 있습니다.

색상 추출기가 제공하는 정보

• HEX: CSS, Figma, Photoshop에 바로 붙여넣을 수 있습니다.
• RGB: 10진수 채널을 사용하는 도구용입니다.
• HSL: 선택한 기본 색상에서 조정할 때 사용합니다.
• 가장 가까운 CSS 명명 색상: 'cornflowerblue', 'salmon' 등. 빠른 참조에 편리합니다.
• 밝기 및 대비 힌트: 휘도에 따라 "흰색 텍스트와 가장 잘 어울림" 또는 "어두운 텍스트 사용"을 표시합니다.

작업 흐름 팁

1. 브랜드 색상 매칭: 브랜드 자산(로고, 웹사이트 스크린샷)을 업로드하고 색상을 클릭한 후 HEX를 스타일 가이드에 붙여넣으세요.
2. 무드 보드 톤: 영역 주변의 여러 픽셀을 샘플링하여 느낌을 얻으세요. 또는 팔레트 추출기를 사용하여 지배적인 5~10가지 색상을 자동으로 추출할 수 있습니다.
3. 페인트 매칭: 벽 사진을 샘플링한 다음 페인트 브랜드 앱(Sherwin Williams, Benjamin Moore 등 모두 HEX 조회 기능 있음)에서 HEX를 검색하세요.

다른 형식으로 변환

HEX를 얻은 후 색상 변환기를 사용하여 CMYK(인쇄용), Pantone 참조 또는 HSL 조정으로 변환하세요.