이 툴에 대하여
이 무료 도구는 사진 속 색을 뽑아 바로 쓸 수 있는 색상 코드로 알려 줘요.
사진을 올리거나 끌어다 놓고 5~8가지 색을 고르면, 색 견본마다 HEX·RGB·HSL 값과 복사 버튼이 나와요. 사진을 누르면 스포이트로 그 지점 픽셀의 정확한 색을 읽을 수 있어요.
사진은 서버로 업로드되지 않아요. 색은 브라우저 안에서 결정적인 미디언 컷 방식으로 계산해서, 같은 사진이면 언제나 같은 팔레트가 나와요.
두 번째 칸에서는 HEX·RGB·HSL을 서로 변환하고 가장 가까운 CSS 색 이름도 알려 줘요.
세 번째 칸은 WCAG 대비 검사기로, 글자색과 배경색의 대비 비율과 일반 글자·큰 글자의 AA·AAA 통과 여부를 미리보기와 함께 보여 줘요.
팔레트는 PNG 이미지로 내려받거나 CSS 변수로 복사해 스타일시트에 붙여 넣을 수 있어요.
화면 색은 기기마다 조금 다르게 보일 수 있고, 작은 사진에서는 드물게 쓰인 포인트 색이 빠질 수 있어요.
ⓘ 대비 결과는 WCAG 2.x 공식을 따르며 접근성 디자인을 위한 참고용이고 법적 인증이 아니에요.
사용 방법
- 사진을 선택하거나 끌어다 놓고 뽑을 색 개수(5~8)를 고르세요.
- HEX·RGB·HSL 코드를 복사하거나, 사진을 눌러 원하는 한 지점의 색을 집으세요.
- 아래에서 코드를 변환하거나 글자 대비를 확인한 뒤 PNG 이미지로 받거나 CSS 변수를 복사하세요.