사용 방법
네모 칸 안을 드래그해 채도와 밝기를 정하고, 무지개 슬라이더로 색상을 고르세요. 코드를 직접 입력하거나, 시스템 색상 선택기를 쓰거나, (지원하는 브라우저에서) 화면의 아무 픽셀이나 찍거나, 내 사진에서 원하는 곳을 눌러도 돼요. 고른 색은 HEX, RGB, HSL, HSV, CMYK로 모두 보여 주고, 최근에 고른 색은 한 줄로 남아 바로 비교할 수 있어요.
#2459e0 = rgb(36, 89, 224) = hsl(223, 75%, 51%)
어떤 형식을 쓸까
- HEX: 웹사이트와 디자인 툴에서 가장 많이 쓰는 코드예요.
- RGB: 빨강·초록·파랑 빛을 0~255로 나타내며 화면에서 써요.
- HSL과 HSV: 색상·채도와 명도 또는 밝기로 나타내요. 색을 더 밝게, 어둡게, 부드럽게 바꾸기 가장 쉬워요.
- CMYK: 인쇄용 대략적인 출발점이에요. 인쇄소 프로파일로 꼭 확인하세요.
활용 팁
- 화면에서 색 추출은 PC용 Chrome·Edge에서 돼요. 휴대폰에서는 이미지에서 추출하세요.
- 사진은 내 기기에서만 읽고 업로드하지 않아요.
- 값을 클릭하면 복사돼요.
계산 기준과 출처
- 색상 값은 CSS Color Module Level 4(sRGB)를 따름
- 화면 색 추출은 브라우저가 지원하면 EyeDropper API를 사용
최종 검토 2026년 10월 7일
자주 묻는 질문
이미지에서 색을 추출하려면?
"이미지에서 색 추출"에서 이미지를 고른 뒤 원하는 곳을 누르세요. 손가락이나 커서 아래의 색을 골라요.
화면 아무 곳에서나 색을 추출할 수 있나요?
네, PC용 Chrome과 Edge에서 돼요. "화면에서 색 추출"을 누르고 브라우저 창 밖이라도 원하는 픽셀을 클릭하세요.
HSL과 HSV는 뭐가 다른가요?
둘 다 색상과 채도를 써요. HSL은 명도를 써서 100%가 흰색이고, HSV는 밝기를 써서 100%가 가장 선명한 원래 색이에요.
내 사진이 업로드되나요?
아니요. 이미지는 브라우저 안에서만 그리고 읽어서 기기 밖으로 나가지 않아요.
색상 코드는 어떻게 복사하나요?
HEX, RGB, HSL, HSV, CMYK 값을 클릭하거나, 복사 버튼으로 주요 코드를 한 번에 복사하세요.