색상 선택기및 변환기
원하는 색을 고르거나 이미지에서 색상 코드를 찾으세요. HEX, RGB, HSL, HSB 값을 확인하고, 대비를 검사하고, 어울리는 색을 찾아보세요.
#6366F1
이미지에서 색 고르기
이미지를 끌어다 놓거나, 붙여 넣거나, 선택하세요
이미지는 브라우저 안에만 있고 절대 업로드되지 않아요.
색상 형식
HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
HSB
hsb(239, 59%, 95%)
접근성 및 대비
흰색 배경에서
Aa
4.47:1
검은색 배경에서
Aa
4.70:1
WCAG AA (Normal) ✓ WCAG AA (Large) ✓ WCAG AAA ✗
색상 조화
보색
유사색
삼각 배색
명암 변화
5
10
20
30
40
50
60
70
80
90
95
이미지에서 색상 코드 찾는 방법
- 1
이미지 추가
사진, 로고, 스크린샷을 상자에 끌어다 놓거나, 파일을 선택하거나, Ctrl+V로 붙여 넣으세요.
- 2
색 클릭
이미지 위로 마우스를 움직여 색을 미리 보고, 클릭해서 고르세요. 이미지의 주요 색상은 아래에 표시돼요.
- 3
코드 복사
HEX, RGB, HSL, HSB 값을 복사하고 흰색과 검은색 배경에서의 대비를 확인하세요.
자주 묻는 질문
이미지의 색상 코드는 어떻게 찾나요?
색상 선택기에 이미지를 추가하고 원하는 지점을 클릭하세요. HEX, RGB, HSL, HSB 코드를 바로 확인할 수 있어요.
내 이미지가 어딘가에 업로드되나요?
아니요. 이미지는 브라우저 안에서만 읽히고 기기 밖으로 나가지 않아요.
화면 어디에서나 색을 고를 수 있나요?
네, Chrome, Edge 등 이 기능을 지원하는 브라우저에서 가능해요. ‘화면에서 고르기’를 누르고 화면의 아무 픽셀이나 클릭하세요.
HEX와 RGB는 어떻게 다른가요?
둘 다 같은 색을 나타내요. HEX는 빨강, 초록, 파랑을 #6366F1 같은 6자리 코드로, RGB는 0부터 255까지의 숫자로 나타내요.