색상 선택기

무료 온라인 색상 선택기로 모든 이미지나 화면에서 색상을 선택하세요. HEX, RGB, HSL 코드를 즉시 얻으세요. 100% 비공개이며 브라우저에서 작동합니다.

How to Use

브랜드 로고, 무드 보드 이미지 또는 영감을 주는 사진에서 정확한 헥스 코드를 빠르게 가져오세요. 픽셀 단위의 정확성으로 색상 팔레트를 구축하세요.

UI 목업(JPG 또는 PNG)에서 색상 값을 추출하여 CSS 또는 앱 코드에서 직접 사용하세요. 기본 개발용 RGB 값 또는 웹 스타일링용 HEX를 가져오세요.

예: #00BFA5. 웹 색상에 가장 일반적인 형식입니다. 빨강, 초록, 파랑의 혼합을 나타내는 6자리 코드입니다.

예: rgb(0, 191, 165). 빨강, 초록, 파랑 빛 구성 요소의 강도(0-255)를 정의합니다.

예: hsl(174, 100%, 37%). 사람에게 더 직관적입니다. 색상은 색상 유형, 채도는 강도, 명도는 밝기입니다.

이 도구는 전적으로 브라우저에서 실행됩니다. 저희는 귀하의 파일을 업로드, 저장 또는 분석하지 않습니다. 귀하가 처리하는 모든 것은 귀하의 기기에 남습니다.

색상 선택기은 원본을 준비하고, 필요한 처리를 한 뒤, 공유 전 결과를 확인하는 반복 가능한 흐름에서 가장 유용합니다.

색상 선택기은 다음 작업에 적합합니다: 무료 온라인 색상 선택기로 모든 이미지나 화면에서 색상을 선택하세요. HEX, RGB, HSL 코드를 즉시 얻으세요. 100% 비공개이며 브라우저에서 작동합니다. 무거운 데스크톱 앱 없이 브라우저 안에서 진행할 수 있습니다.

출력 결과를 미리 보고 원본과 비교한 뒤, 실제 공유나 게시 목적에 맞게 설정을 조정하세요.

이어지는 작업은 색상 도구 카테고리 안에서 계속 진행할 수 있습니다.

WCAG에 대한 색상 대비를 확인합니다.

아름다운 색상 팔레트를 만듭니다.

Word 문서에서 원본 이미지를 품질 손실 없이 추출합니다.

웹 접근성 및 색상 대비의 기본을 배우세요. WCAG 등급(AA vs. AAA)을 이해하고, 우리의 빠른 확인과 실용적인 수정 방법을 사용하여 모든 사람이 읽을 수 있는 UI를 만드세요.

제 이미지가 서버에 업로드되나요?

아니요. 귀하의 개인 정보는 보장됩니다. 모든 처리는 웹 브라우저 내에서 완전히 이루어집니다. 이미지는 절대 기기를 떠나지 않으며, 저희는 이미지를 보거나 저장하지 않습니다.

'화면에서 색상 선택' 버튼은 무엇인가요?

이 기능은 브라우저에 내장된 EyeDropper API(Chrome/Edge/Opera)를 사용합니다. 이를 통해 브라우저의 이미지뿐만 아니라 전체 화면의 모든 응용 프로그램이나 창에서 색상을 선택할 수 있습니다.

HEX, RGB, HSL의 차이점은 무엇인가요?

HEX(#RRGGBB)는 웹 디자인의 표준입니다. RGB는 빨강, 초록, 파랑의 강도에 0-255 값을 사용합니다. HSL(색상, 채도, 명도)은 사람이 색상 속성을 조정하기에 더 직관적인 경우가 많습니다.