색상 선택기

이럴 때 씁니다

• 로고나 제품 사진에서 쓰인 색의 HEX 값을 알아낼 때.
• 화면을 캡처한 그림에서 배경색을 그대로 가져올 때.
• CSS 나 디자인 도구에 넣을 색 값을 형식별로 확인할 때.

쓰는 법

1. 색을 직접 고르시려면 색 고르기 칸을 쓰거나 HEX 값을 적습니다.
2. 사진에서 뽑으시려면 아래 사진에서 색 뽑기 에 사진을 올립니다(30MB 까지).
3. 사진을 눌러 색을 고릅니다. 확대한 뒤에는 끌어서 옮길 수 있습니다.
4. 화살표 글쇠로 한 화소씩(Shift 와 함께 10화소씩) 옮겨 정확한 지점을 잡습니다.
5. HEX · RGB · HSL · HSV · XYZ 값을 복사해 쓰세요.

알아 두실 것

• 고른 자리의 화소 좌표(x, y) 도 함께 보여 드려, 같은 지점을 다시 찾기 쉽습니다.
• 사진이 JPG 라면 압축 때문에 옆 화소와 색이 조금씩 다를 수 있습니다. 한 점만 믿지 마시고 몇 군데를 비교해 보세요.
• 화면의 색은 모니터와 기기마다 조금씩 다르게 보입니다. 인쇄용 색(CMYK)은 이 도구가 다루지 않습니다.
• XYZ 는 사람 눈의 반응을 기준으로 한 값으로, 색을 정밀하게 다룰 때 쓰입니다. 평소에는 HEX 나 RGB 면 충분합니다.
• 사진과 색 값은 브라우저 안에서만 처리되며 어디에도 저장되지 않습니다.