웹페이지나 그림에서 마음에 드는 색을 발견했는데 정확한 HEX 코드가 필요하다면 Eyedropper로 확인할 수 있습니다. Linux용 GNOME 앱인 Eyedropper는 화면에서 색을 고르거나 알고 있는 값을 입력한 뒤 HEX·RGB·HSL 같은 형식으로 표시합니다. 공식 Flathub 목록에는 Free와 Linux x86_64·aarch64가 표시됩니다.
색을 고른 다음 필요한 형식 옆의 복사 아이콘을 누르면 됩니다. 예를 들어 웹 CSS에 쓸 색이라면 #으로 시작하는 HEX 행을, RGB 숫자가 필요한 작업이라면 rgb(…) 행을 고르세요. 공식 화면의 청록색 #2190A4는 사용법을 보여 주는 예시 색이며, 실제로 추출한 색은 사용자가 선택한 지점에 따라 달라집니다.
Eyedropper는 어떤 색상 작업에 쓰나요?
Eyedropper의 중심 작업은 한 색을 고르고 그 색을 여러 표기법으로 읽는 것입니다. Apps for GNOME은 색 선택, HSL 편집, 색상 값 직접 입력, HEX·RGB·HSV·HSL·CMYK 등 형식 변환을 기능으로 설명합니다. 같은 색을 디자인 시안에서는 견본으로 보고, 웹 문서에서는 HEX로 적고, 다른 도구에서는 RGB 숫자로 입력해야 할 때 형식을 다시 계산할 필요가 줄어듭니다.
공식 기본 화면은 위쪽에 큰 색상 견본을 두고 아래에 각 표기법을 한 줄씩 나열합니다. HEX 행에는 #으로 시작하는 코드가, RGB 행에는 세 색 성분의 숫자가 나타납니다. 행 오른쪽에 있는 겹친 사각형 모양은 해당 값을 복사하는 버튼입니다. 앱 전체 화면을 사진으로 찍어 수동으로 읽는 것보다 원하는 행을 골라 복사하면 숫자를 잘못 옮길 가능성을 줄일 수 있습니다.
제작자 저장소에는 표시할 형식과 순서를 바꾸거나 서로 다른 명도의 팔레트를 생성하는 기능도 안내되어 있습니다. 다만 첫 사용에서는 복잡한 형식을 모두 이해할 필요가 없습니다. 작업에 필요한 HEX 또는 RGB 한 행을 확인한 뒤, 다른 형식이 요구될 때 목록을 넓혀 보세요.
초기 화면·색상 형식·HSL 조절·팔레트
공식 화면에는 No Color, HEX·RGB 형식과 복사 아이콘, HSL 슬라이더와 Apply, 사용자 지정 형식 목록이 보입니다. 화면 속 색상 값은 기능을 설명하는 예시입니다.
| 프로그램 | Eyedropper · GNOME Circle 앱 |
| 앱 ID | com.github.finefindus.eyedropper |
| 배포 | Flathub 무료 Flatpak |
| 지원 환경 | Linux x86_64 · aarch64 |
| 표시 버전 | 2.2.1 |
| 주요 작업 | 화면 색 선택·색상 값 입력과 형식 변환 |
Linux에 Eyedropper 설치하기
Apps for GNOME의 Eyedropper 제품 페이지에서 Get the app을 누르면 Flathub의 해당 앱 목록으로 이동합니다. Flathub에서 이름이 Eyedropper이고 앱 ID가 com.github.finefindus.eyedropper인지 먼저 확인하세요. 현재 목록에는 Free, Linux x86_64·aarch64가 표시되며 GNOME 제품 페이지의 최신 버전 표시는 2.2.1입니다. 같은 이름의 다른 프로그램을 검색해 받기보다 이 앱 ID와 공식 링크를 대조하는 편이 정확합니다.
사용하는 Linux 배포판에 Flatpak이 없다면 먼저 Flathub Setup에서 배포판별 준비 방법을 확인합니다. .flatpakref 파일은 앱 본체를 모두 담은 압축 파일이 아니라 Flathub 설치를 시작하는 작은 참조 파일입니다. 설치 창에서 앱 이름과 출처를 확인해 진행하면 앱과 필요한 런타임을 인터넷에서 받습니다. 설치 후 앱 목록에서 Eyedropper를 열어 No Color 초기 화면이 나오는지 확인하세요.
공식 파일을 눌렀는데 텍스트처럼 보이거나 설치 창이 열리지 않는다면 파일 자체가 고장 났다고 단정하지 마세요. Flatpak 연동이 준비되지 않은 환경일 수 있습니다. Flathub에서 현재 배포판의 설정 단계를 확인하고, 설치 화면에 표시된 앱 ID가 일치하는지 다시 살펴본 뒤 진행합니다. Windows용 설치 파일로 바꿔 받아 해결하는 절차는 이 Linux 배포와 관계가 없습니다.
- Linux와 CPU 아키텍처가 Flathub 표시 범위에 맞는지 확인합니다.
- Flatpak과 Flathub 저장소를 준비하고 앱 ID를 대조합니다.
- 설치 뒤 앱 목록에서 Eyedropper를 열어 초기 화면을 확인합니다.
화면에서 색을 골라 HEX 코드 복사하기
앱을 처음 열었을 때 공식 화면에는 No Color와 Select or enter a color to get started가 나타납니다. 아직 선택한 색이 없다는 뜻입니다. 왼쪽 위의 스포이트 아이콘으로 화면의 색을 고르거나, 이미 알고 있는 코드를 입력 칸에 넣을 수 있습니다. 화면의 한 지점을 지정할 때는 웹페이지의 글자 가장자리보다 배경의 넓고 균일한 부분을 선택하면 의도한 색을 얻기 쉽습니다.
선택을 마치면 위쪽 견본의 색과 아래 형식별 값이 함께 바뀝니다. 공식 예시 화면은 #2190A4와 rgb(33, 144, 164)를 같은 청록색의 다른 표기로 보여 줍니다. 디자인 파일에 붙일 때는 요구하는 형식부터 확인하세요. CSS 색상 선언에 # 코드를 쓰려면 HEX 행 옆 복사 아이콘을 누르고, RGB 숫자를 요구하는 도구라면 rgb(…) 행의 아이콘을 누릅니다. 각 행을 수동으로 다시 입력할 필요가 없습니다.
비슷해 보이는 두 색을 비교할 때는 한 번에 여러 지점을 섞어 생각하지 말고 각각 선택해 코드를 기록하세요. 작은 차이를 육안으로 확신하기 어려워도 HEX 또는 RGB 값을 적어 두면 같은 색인지 대조할 수 있습니다. 다만 화면의 색은 표시 장치와 원본 이미지 처리에 따라 보이는 인상이 달라질 수 있으므로, 추출한 코드가 모든 기기에서 같은 모습으로 보인다고 단정해서는 안 됩니다.
- No Color 화면에서 스포이트로 원하는 지점을 선택합니다.
- 견본과 HEX·RGB 행이 새 색으로 바뀌었는지 확인합니다.
- 필요한 형식의 복사 아이콘을 눌러 작업 중인 문서에 붙입니다.
알고 있는 RGB 값을 다른 형식으로 읽기
Eyedropper는 화면에서 새 색을 고르는 용도로만 제한되지 않습니다. GNOME의 기능 설명은 여러 형식의 색상 값을 입력해 다른 형식으로 볼 수 있다고 안내합니다. 다른 프로그램에서 받은 RGB나 HEX 값이 있다면 초기 화면의 입력 칸에서 입력하고 View를 눌러 보세요. 입력한 색이 견본에 나타나면 아래 목록에서 필요한 다른 형식을 읽을 수 있습니다.
예를 들어 개발자가 rgb(33, 144, 164) 값을 받았지만 작업표에는 HEX만 적어야 한다면 Eyedropper에서 해당 값을 확인한 다음 HEX 행을 복사합니다. 반대로 디자인 시안에 #으로 시작하는 코드만 있는 경우 RGB 숫자를 확인할 수 있습니다. 입력을 잘못했거나 형식이 인식되지 않으면 먼저 괄호와 구분 기호, 앞의 # 기호가 원본과 일치하는지 확인하세요. 처음부터 색을 다시 찍을 필요는 없습니다.
화면에는 HSL·HSV·CMYK처럼 다른 표현도 함께 나타날 수 있습니다. 각각의 수치를 같은 단위의 숫자로 단순 비교하면 안 됩니다. RGB는 빨강·초록·파랑의 값, HSL은 색조·채도·명도의 조합처럼 표현 방식이 다릅니다. 필요한 도구가 요구하는 표기법을 확인하고 그 형식의 행을 복사하는 것이 핵심입니다. 공식 소개에는 XYZ와 CIE-Lab도 있지만 작업에서 요구하지 않는다면 그대로 두어도 됩니다.
HSL 편집기로 색을 미세하게 바꾸기
선택한 색이 조금 진하거나 탁해 보이면 HSL 편집기로 조절할 수 있습니다. GNOME 공식 편집 화면에는 현재 색 견본과 세 개의 슬라이더, Apply 버튼이 보입니다. 색조를 바꾸면 색 계열이 움직이고, 채도와 명도를 조절하면 선명함과 밝기가 달라집니다. 변경하는 동안 위의 견본을 보며 원하는 방향인지 판단하세요.
예를 들어 웹 버튼 배경이 너무 어둡다고 느끼면 명도 슬라이더를 조금 옮겨 견본을 비교하고 Apply로 결과를 적용합니다. 적용 후에는 HEX 또는 RGB 행에서 새 값을 복사하세요. 처음 선택한 코드와 조절한 코드를 따로 기록해 두면 어느 쪽을 쓸지 다시 비교하기 쉽습니다. 슬라이더 화면의 청록색은 앱 기능을 보여 주는 공식 예시일 뿐, 특정 브랜드에 맞는 권장 색상은 아닙니다.
새 색을 만들 때는 한꺼번에 세 슬라이더를 크게 움직이기보다 한 항목씩 조절해 보세요. 그래야 무엇 때문에 인상이 바뀌었는지 알기 쉽습니다. HSL로 조절한 뒤 다른 프로그램에 넘겨야 한다면 그 프로그램에서 HSL을 받는지 먼저 확인하고, 그렇지 않으면 Eyedropper의 해당 HEX·RGB 행을 사용합니다. 색상 이름 행은 사람이 읽기 위한 근사 이름일 수 있으므로 정확한 재현이 목적이라면 숫자 코드를 쓰세요.
자주 쓰는 형식과 팔레트 정리하기
두 번째 공식 화면에서는 기본 목록보다 다양한 형식이 보이고 오른쪽에는 서로 다른 색상 견본이 세로로 나열됩니다. 제작자 저장소는 화면에 표시할 형식과 그 순서를 사용자가 바꾸고 여러 명도의 팔레트를 만들 수 있다고 설명합니다. 웹 작업에서 HEX와 RGB만 쓴다면 필요한 행이 먼저 보이도록 정리하고, 색상 분석 작업이라면 HSL이나 다른 형식을 추가해 보는 식입니다.
형식이 많아져도 원하는 값이 어디에 있는지 찾기 어렵다면 목록을 줄여 보세요. Blue 3 같은 색상 이름은 표준화된 HEX 숫자와 쓰임이 다릅니다. 색 이름을 그대로 복사할지, 실제 수치가 필요한지 목적에 따라 고릅니다. 화면의 오른쪽 색상 견본도 서로 다른 선택지를 살펴보는 데 쓰고, 최종 적용 전에는 필요한 값이 본문이나 디자인 도구에서 어떻게 보이는지 확인하세요.
한 색을 고른 뒤 모든 형식을 복사해 문서에 쌓아 두기보다, 작업 대상마다 요구하는 값 하나를 정해 두는 편이 관리하기 쉽습니다. 웹 CSS라면 # 코드, 숫자 입력 칸이 세 개라면 RGB처럼 정하면 됩니다. 같은 색을 여러 도구에 옮겨야 할 때만 형식을 바꿔 복사하면 됩니다. 이 과정에서 HEX와 RGB가 같은 견본 색을 가리킨다는 점을 확인할 수 있습니다.
선택이나 복사가 기대처럼 되지 않을 때
스포이트로 선택했는데 No Color에서 넘어가지 않는다면 먼저 화면 색 선택 요청이 운영체제나 데스크톱 환경에서 열렸는지 확인하세요. 색 선택은 앱 창 밖 화면과 상호작용하므로 환경 설정이나 포털 상태에 영향을 받을 수 있습니다. 선택 요청이 보이지 않으면 앱을 다시 열어 보고, 우선 색상 값을 직접 입력해 변환 기능이 작동하는지 구분해서 확인합니다. 특정 배포판에서 항상 같은 선택 화면이 뜬다고 보장할 수는 없습니다.
복사한 값이 원하는 형식과 다르면 원본 색을 다시 고르기 전에 복사한 행을 확인하세요. HEX 행과 RGB 행의 버튼은 같은 색을 서로 다른 표기로 복사합니다. # 기호가 필요한 입력 칸에 RGB 문자열을 붙이면 받지 않을 수 있습니다. 코드를 붙인 도구가 알파 값이나 별도 구분 기호를 요구하는 경우에도 도구의 입력 형식을 먼저 살펴봅니다.
HSL을 조절했는데 이전 색상 값이 계속 보인다면 편집 화면에서 Apply를 누른 뒤 목록의 견본과 값을 다시 읽으세요. 입력한 코드가 화면에 표시되지 않는다면 불완전한 문자나 잘못된 구분 기호가 없는지 확인합니다. 설치 문제라면 색상 기능보다 Flatpak과 Flathub 설정, 앱 ID 일치 여부를 먼저 살펴보는 편이 원인을 좁히는 데 도움이 됩니다.
자주 묻는 질문
Eyedropper는 무료인가요?
네. Flathub의 com.github.finefindus.eyedropper 목록은 Free로 표시합니다.
Windows에서도 이 공식 파일을 설치하나요?
이 글의 공식 .flatpakref는 Flathub의 Linux용 배포입니다. Windows 설치 파일로 안내하지 않습니다.
화면에서 고른 색의 HEX 코드는 어디에 있나요?
색을 고른 뒤 위쪽 견본 아래에 있는 #으로 시작하는 행에서 확인하고 오른쪽 복사 아이콘을 누르세요.
RGB 코드를 HEX로 바꿀 수 있나요?
공식 안내는 색상 값 입력과 형식 변환을 지원합니다. 값을 입력한 뒤 HEX 행을 확인하세요.
색을 조금 밝게 조절할 수 있나요?
공식 HSL 편집 화면에서 명도 슬라이더를 조절하고 Apply를 눌러 결과를 확인할 수 있습니다.
필요한 색상 형식을 골라 정확히 옮기세요
Eyedropper는 Linux에서 화면 색을 고르거나 알고 있는 값을 입력해 여러 형식으로 옮겨 적을 때 쓰는 무료 앱입니다. 처음에는 한 색을 선택하고 HEX와 RGB 행을 비교해 보세요. 같은 견본 색이 작업 도구에 따라 어떻게 다르게 적히는지 바로 확인할 수 있습니다.
색을 약간 바꿔야 한다면 HSL 편집에서 견본을 보며 조절하고 Apply로 확정한 뒤 필요한 행을 복사하세요. 색 이름이나 예시 화면의 수치를 그대로 쓰기보다 자신이 선택한 색의 코드와 최종 작업 화면을 함께 확인하는 것이 좋습니다.
공식 자료와 확인일
Apps for GNOME Eyedropper 기능·버전·공식 화면 · Flathub Eyedropper 무료 배포·지원 환경 · Eyedropper 제작자 저장소의 기능·라이선스 · Flathub 배포판별 준비 방법 | 2026년 10월 25일
