[개발툴] android color picker 툴 소개 - pixolor

오늘은 안드로이드에서 동작하는 Color Picker 툴을 소개 해 드리겠습니다.

Color Picker 라는 용어가 생소할 수도 있는데,

색상값(ARGB)을 헥사값으로 추출하는 것을 말합니다.

바로 Pixolor 인데요.
Pixel과 Color의 합성어 같습니다. ☺
Play store에서 Pixolor로 검색하시면 됩니다.

이렇게 생겼습니다.

▲ play store속의 pixolor

소개 썸네일만 보셔도 대충 감이 오시죠?
그럼 직접 실행을 해보겠습니다.

▲ 다른 앱 위에 뜬 pixolor의 모습

위와 같이 둥근 원 형태의 앱이 깔끔하게 뜨는 모습을 볼 수 있습니다.
Pixolor은 다른 앱 위에 뜨는 앱입니다.
그래서 굳이 캡쳐 할 필요 없이 확인하고 싶은 앱 위에 띄워놓고 위치를 이동해가며 색상 값을 확인 할 수 있습니다.
반면 캡쳐를 통한 color 확인 툴은 여러 화면에 걸쳐서 color값을 확인할 때 꽤 번거럽습니다.
캡쳐하고 확인하고, 캡쳐하고 확인하고를 반복해야 하거든요.

이제 앱을 실행해봤으니, color값 확인을 해 봐야겠죠?
그런데 RGB값이 위, 아래 두군데에서 보여지고 있습니다. 위에는 뭐고 아래는 뭘까요?
바로 아래에 있는 RGB값이 현재 보여지는 픽셀의 RGB값이고, 위에 보이는 RGB값은 현재 색과 가장 근접한 Material Design Color값입니다. 그래서 위쪽 RGB값 옆에는 색 이름도 있는 것을 볼 수 있습니다.

그리고 하나 보이는게 더 있습니다. 바로 오른쪽 아래 부분에 숫자 두개인데요. 이 값은 스크린상의 dp 좌표 값입니다. 그래서 드래그 할 때마다 값이 바뀌는 것을 볼 수 있습니다.

원의 가운데 pixel값의 색을 나타내는 앱 특성상 스크린 상, 하, 좌, 우 테두리 부분의 값의 확인을 위해서는 해당위치에서 좀 더 드래그를 해주셔야 합니다.

그리고 원안을 핀치 줌 인, 줌 아웃 해서 확대, 축소도 할 수 있습니다.

▲ 가장 작게 축소한 모습, 픽셀 값이 아주 작게 보입니다.

▲ 가장 크게 확대한 모습, 픽셀 값이 아주 크게 보입니다.

이제 직접 값을 가지고 와 보겠습니다. 다음 카페앱에서 리사이클 뷰의 배경색을 확인하겠습니다.

▲ 다음 카페앱 배경색에 위치 시킨 모습

헥사값으로 잘 나오죠? F1F3F6입니다.
이 값을 공유하고 싶거나 메모하고 싶으시면 노티바를 쭉 내려주세요. 

아래처럼 Pixolor 앱에 공유 아이콘과 종료버튼이 보입니다. 공유하고 싶은 앱이 있으면 공유 버튼을 통해 할 수 있습니다.

▲ 노티바를 내린 화면. 공유, 종료 버튼을 볼 수 있습니다.

번거럽게 노티바를 내릴 필요없이 둥근원의 바깥쪽 왼쪽 아래 모서리나, 오른쪽 상단 모서리를 클릭하면 클립보드에 복사할 수도 있습니다.

사용법이 정말 간단해서 제가 ARGB값 추출할 때 애용하고 있습니다. 여러분도 한번 사용해보시기 바랍니다.
그럼 이번 포스팅은 여기서 마치겠습니다.
감사합니다.