ColorPick은 어떻게 작동하나요?
이미지를 선택하면 브라우저에서 이미지를 읽고 색상을 직접 확인할 수 있습니다. 이미지 위로 포인터를 움직여 색상을 미리 보고 클릭하여 선택하세요. 선택한 색상은 여러 형식으로 표시됩니다. 또한 My Palette에 색상을 추가하여 하나의 이미지에서 필요한 색상을 계속 모을 수 있습니다.
이미지를 업로드하고 원하는 곳을 클릭하면 정확한 HEX, RGB, HSL 색상 값을 즉시 확인할 수 있습니다.
🖱️ Move your mouse over the image and click to select a color.
다음 프로젝트를 위한 100개 이상의 엄선된 색상 조합을 찾아보세요.
ColorPick은 디자이너, 개발자, 아티스트 및 크리에이터가 이미지에서 색상을 빠르게 추출하도록 도와줍니다.
ColorPick guide
ColorPick은 이미지, 스크린샷, 사진, 일러스트 또는 디자인 참고 자료에서 실제로 사용할 디지털 색상을 찾는 데 도움을 줍니다. 눈대중으로 색상을 추측하는 대신 이미지를 업로드하고 원하는 영역을 선택한 뒤 HEX, RGB 또는 HSL 값을 디자인이나 코드에 복사할 수 있습니다.
이미지를 선택하면 브라우저에서 이미지를 읽고 색상을 직접 확인할 수 있습니다. 이미지 위로 포인터를 움직여 색상을 미리 보고 클릭하여 선택하세요. 선택한 색상은 여러 형식으로 표시됩니다. 또한 My Palette에 색상을 추가하여 하나의 이미지에서 필요한 색상을 계속 모을 수 있습니다.
HEX는 16진수 채널 값으로 색상을 표현하며 CSS에서 자주 사용됩니다. RGB는 빨강, 초록, 파랑 채널의 양을 나타냅니다. HSL은 색상, 채도, 밝기로 색상을 표현하여 조정 과정을 이해하기 쉽게 합니다. 세 형식은 같은 디지털 색상을 서로 다른 방식으로 표현하며, 변환한다고 해서 자동으로 다른 색상이 만들어지는 것은 아닙니다.
이미지에서 배경, 주요 포인트 색상, 텍스트, 일러스트 또는 제품 요소처럼 중요한 색상을 먼저 선택하세요. 필요한 색상을 My Palette에 저장한 다음 Color Code, Color Suggestions 또는 Color Wheel을 사용해 명도와 조합을 살펴보세요. 게시하기 전에는 최종 디자인에서 색상을 확인하세요. 대비와 주변 색상에 따라 실제로 보이는 느낌이 달라질 수 있습니다.
가능하면 원본 또는 가장 높은 품질의 이미지를 사용하세요. 압축된 스크린샷은 압축과 이미지 효과 때문에 원본 픽셀 값이 달라질 수 있습니다. 그라데이션, 그림자, 사진, 질감 영역에서는 여러 지점을 샘플링하는 것이 좋습니다. ColorPick은 샘플링된 디지털 값을 제공하며, 최종 색상은 실제 화면과 디자인 환경에서도 확인해야 합니다.
ColorPick
이 ColorPick 도구에 대한 자주 묻는 질문과 실용적인 답변입니다.
Upload an image, move the pointer over it, and click the area you want. ColorPick shows the selected color and its HEX, RGB and HSL values.
The image picker reads the selected image in your browser so you can sample colors locally. The contact form is a separate feature that can send a message when you submit it.
The picker provides HEX, RGB and HSL values so you can use the same color in web design, UI, graphics and other digital projects.
컬러 피커는 디지털 색상을 선택하고 색상 값을 확인하는 도구입니다. ColorPick에서는 이미지에서 색상을 추출해 HEX, RGB, HSL 값으로 확인할 수 있습니다.
사진, 스크린샷, 일러스트, 제품 이미지 또는 디자인 참고 자료에서 원하는 색상을 정확하게 찾고 디자인이나 코드에서 다시 사용할 때 유용합니다.
Color Wheel에서 색상 간의 관계를 살펴보세요. 보색, 유사색 등 색상 조화 규칙을 활용하면 잘 어울리는 색 조합을 찾을 수 있습니다.
색상을 선택한 뒤 값을 복사해 CSS, 디자인 프로그램, 화면 시안 또는 브랜드 색상 문서에 붙여 넣을 수 있습니다. HEX는 웹 디자인에서 널리 쓰이고, RGB는 빨강·초록·파랑 채널을 기준으로 색을 표현하며, HSL은 색상, 채도, 명도를 이해하고 조절할 때 유용합니다. 사진에 그림자나 그라데이션, 질감이 있다면 여러 곳을 비교해 보세요. 기본 색상과 강조 색상을 팔레트에 모아 두면 버튼, 링크, 배경, 일러스트에 일관되게 적용하기 쉽습니다. 게시하기 전에는 실제 화면에서 글자와 배경의 대비도 확인하세요.
COLOR TOOLS
Use ColorPick as an online color picker to sample colors from photos, screenshots, artwork, and design mockups. Choose a shade and copy its HEX, RGB, or RGBA value for websites, graphic design, branding, and digital projects. Whether you need a hex color picker, rgb color picker, HTML color picker, or color picker from image, the goal is to identify a precise color quickly and reuse it in your workflow.