COLOR PICKER

원하는 색상을 고르고
HEX · RGB · HSL을 바로 확인

준비된 색상표에서 색을 선택하거나 이미지를 불러온 뒤 원하는 지점을 클릭해 색상을 추출할 수 있습니다. 선택한 색상 값은 한 번의 클릭으로 복사할 수 있으며 이미지 파일은 서버로 업로드하지 않고 브라우저 안에서 처리합니다.

색상표 선택 이미지 스포이드 HEX · RGB · HSL 브라우저 로컬 처리

전체 색상표

색상 계열별 명도를 펼쳐 놓았습니다. 원하는 색상을 클릭하세요.

이미지에서 색상 추출

이미지를 선택한 뒤 원하는 지점을 클릭하면 해당 픽셀의 색상을 확인할 수 있습니다.

이미지 선택 JPG, PNG, WEBP 등 브라우저에서 표시할 수 있는 이미지

이미지를 선택하거나 여기에 끌어다 놓으세요

이미지는 서버로 전송하지 않고 현재 브라우저에서만 읽습니다.

색상 값은 어떻게 표시되나요?

웹 디자인과 개발에서 자주 사용하는 HEX, RGB, HSL 세 가지 형식을 함께 보여줍니다. 색상표에서 선택하거나 이미지에서 추출한 결과는 모두 같은 방식으로 변환됩니다.

HEX

#2196F3처럼 빨강·초록·파랑 값을 16진수로 표현하는 웹에서 가장 흔한 색상 표기입니다.

RGB

Red, Green, Blue 각각의 값을 0~255 범위로 표현합니다.

HSL

색상(Hue), 채도(Saturation), 밝기(Lightness)를 기준으로 색을 표현합니다.

복사했습니다.