리눅스에서 화면의 색을 골라 여러 색상 조합을 살펴보려면 KDE의 KColorChooser를 사용할 수 있습니다. Flathub는 이 프로그램을 무료로 제공하며, 색을 고른 뒤 HTML 색상 코드와 사용자 색상 칸을 함께 확인할 수 있습니다.
KDE 앱 페이지는 색을 섞고 사용자 팔레트를 만드는 도구라고 소개합니다. 여기서는 Flathub의 Linux Flatpak 파일을 받는 방법부터 공식 화면에 보이는 색 선택과 사용자 색상 추가까지 이어서 설명합니다.
화면 색을 골라 필요한 조합을 한곳에서 봅니다
KColorChooser는 KDE가 제공하는 색상 선택·팔레트 도구입니다. 공식 소개는 색을 섞어 사용자 팔레트를 만들고, 스포이트로 화면의 픽셀 색을 가져올 수 있다고 설명합니다. 표준 웹 색상과 Oxygen 색상 구성도 포함합니다. 디자인 시안의 버튼 색을 맞추거나 여러 후보 색을 나란히 살펴볼 때 쓸 수 있습니다.
KDE 공식 화면에는 기본 색상 칸, 큰 색상 선택 영역, 밝기 조절 막대, 사용자 색상 칸이 함께 보입니다. 선택한 색의 Hue·Sat·Val과 Red·Green·Blue 수치, HTML 색상 코드가 오른쪽 아래에 표시됩니다. 숫자를 비교하면 비슷해 보이는 두 색의 차이도 확인하기 쉽습니다.
같은 화면에서 Pick Screen Color로 화면의 색을 고르고 Add to Custom Colors로 현재 색을 사용자 색상 칸에 넣을 수 있습니다. 중요한 색상 조합은 HTML 코드를 작업 문서에도 적어 두세요. 그러면 다른 편집기에서 같은 색을 입력할 때 필요한 값을 바로 찾을 수 있습니다.
KColorChooser의 색 선택과 사용자 색상 화면
KDE 공식 예시입니다. 기본 색상, 화면 색 선택, HTML 코드와 사용자 색상 추가 버튼이 보입니다. 이미지의 촬영 버전은 표시되어 있지 않습니다.
| 프로그램 | KColorChooser |
| 앱 ID | org.kde.kcolorchooser |
| 주요 작업 | 색 선택·사용자 색상 추가 |
| 색상 값 | HTML 코드·RGB 값 표시 |
| 공식 파일 | .flatpakref 설치 참조 파일 |
| 화면 자료 | KDE 공식 색 선택 화면 1장 |
Flathub 무료 파일과 설치 환경 확인하기
KDE 공식 앱 페이지는 Linux 설치와 Flathub 경로를 안내하고 MIT 라이선스를 표시합니다. Flathub 항목에는 Free와 Linux x86_64·aarch64가 적혀 있습니다. org.kde.kcolorchooser.flatpakref는 Flatpak 설치 대상을 가리키는 참조 파일입니다. Windows 설치 파일이나 색상 팔레트 데이터가 아닙니다.
KDE의 릴리스 목록에는 26.08.2가, Flathub의 패키지 안내에는 26.04.3이 표시됩니다. 서로 다른 배포처의 숫자를 하나의 설치 파일 버전으로 합치지 마세요. Flathub 파일을 받기 전에 현재 표시 버전과 앱 ID org.kde.kcolorchooser를 확인하고, 이후 갱신되었다면 설치 화면에 나온 버전을 기준으로 판단하세요.
리눅스에 Flatpak과 Flathub 저장소가 설정되어 있다면 참조 파일을 소프트웨어 설치 도구로 열 수 있습니다. 배포판에 따라 준비 방법이 다르므로 Flathub의 배포판별 설정 안내를 참고하세요. 파일을 저장한 뒤 설치 확인 화면에서 KColorChooser 이름을 확인하고 설치를 마쳐야 앱 목록에서 실행할 수 있습니다.
- Flathub에서 Free 표시, 지원 아키텍처와 현재 패키지 버전을 확인합니다.
- Linux의 Flatpak 환경에서 org.kde.kcolorchooser 설치 대상을 확인합니다.
- 설치를 마친 뒤 앱 목록에서 KColorChooser를 엽니다.
화면에서 필요한 색 하나 고르기
먼저 색을 가져올 대상 화면을 준비하세요. 예를 들어 작업 중인 이미지나 웹 디자인의 버튼 색을 확인하려면 그 화면이 보이게 둡니다. KColorChooser 공식 화면에 있는 Pick Screen Color를 선택한 뒤 원하는 지점을 고르면 현재 선택 색을 바꿀 수 있습니다. 데스크톱 환경에 따라 화면 색 선택 권한이나 동작이 다를 수 있으므로 실제 화면의 안내를 따르세요.
화면에서 고를 색이 없다면 왼쪽 Basic colors의 색상 칸을 선택하거나 큰 색상 영역과 옆의 밝기 막대에서 직접 조정하세요. 공식 화면에는 현재 색을 보여 주는 큰 미리보기 칸이 있으므로 색상 값을 입력한 다음 눈으로도 확인할 수 있습니다. 비슷한 파랑 두 가지를 비교할 때는 미리보기만 보지 말고 오른쪽의 수치도 같이 읽는 편이 정확합니다.
색을 선택한 후 HTML 칸의 #으로 시작하는 코드를 확인하세요. Red·Green·Blue 값도 같은 화면에 표시됩니다. 웹 문서나 디자인 메모에 색을 기록할 때는 HTML 코드를 복사하거나 적어 두면 됩니다. 선택 위치만 기억하면 나중에 같은 색을 다시 찾기 어렵기 때문에, 필요한 값은 작업 문서에 별도로 기록하세요.
- 색을 가져올 화면을 띄우고 Pick Screen Color로 원하는 픽셀을 고릅니다.
- 큰 미리보기 칸과 Red·Green·Blue 수치로 선택한 색을 확인합니다.
- HTML 칸에 나온 # 색상 코드를 작업 문서에 기록합니다.
고른 색을 사용자 색상 칸에 모으기
하나의 색을 정했다면 공식 화면의 Add to Custom Colors를 사용하세요. 왼쪽 아래 Custom colors 칸에 색을 추가해 여러 후보를 한 화면에서 볼 수 있습니다. 예를 들어 제목에 쓸 진한 색, 강조 버튼에 쓸 밝은 색, 배경에 쓸 옅은 색을 차례로 고르면서 미리보기와 HTML 값을 대조해 보세요.
같은 계열의 색을 여러 개 놓을 때는 큰 색상 영역의 위치와 옆 막대를 조금씩 바꾸면 됩니다. 값이 바뀔 때마다 HTML 칸도 다시 확인하세요. 사용자 색상 칸에 추가하는 작업과 실제 디자인 파일에 색을 적용하는 작업은 별개이므로, 최종 색상 코드는 사용하는 편집기에도 입력해야 합니다.
공식 화면에는 OK와 Cancel 버튼이 보입니다. 현재 색 선택을 마쳤다면 OK를 눌러 선택 창을 닫고, 계속 조정하고 싶다면 색상 영역과 사용자 색상 칸을 다시 살펴보세요. 중요한 팔레트의 코드는 별도 문서에도 적어 두는 것이 좋습니다.
- 첫 색을 고른 뒤 HTML 코드를 기록합니다.
- Add to Custom Colors로 현재 색을 사용자 색상 칸에 추가합니다.
- 다른 후보 색에도 같은 과정을 반복하고 필요한 색을 골라 마무리합니다.
HTML 코드와 RGB 값을 함께 읽기
웹에서 쓰는 # 색상 코드는 공식 화면의 HTML 칸에서 볼 수 있습니다. 같은 화면에는 Red, Green, Blue 값도 표시됩니다. 숫자가 조금 다른 색을 구분해야 한다면 두 표현을 함께 기록해 두세요. 예를 들어 배경과 글자 색을 따로 정할 때 후보마다 코드를 적어 두면 어떤 색이 어느 역할인지 헷갈리지 않습니다.
색상 선택 화면의 Hue·Sat·Val 수치를 조정하면 색의 느낌이 달라집니다. 한 색을 기준으로 밝기만 바꾸려는 경우에는 새 색을 고른 뒤 HTML 값까지 다시 확인하세요. 보여지는 색만 보고 비슷한 후보를 같은 코드라고 판단하면 작업 파일에서 미묘한 차이가 생길 수 있습니다.
프로그램에서 정한 색을 다른 편집기로 옮길 때는 해당 편집기의 입력칸이 HTML 코드인지 RGB 수치인지 확인하세요. 다른 형식의 칸에 값을 그대로 붙이면 예상한 색이 나오지 않을 수 있습니다. 코드 앞의 # 기호를 받는지도 사용 중인 편집기의 표시를 보고 결정하세요.
배경·글자·강조색을 나눠 고르기
색상 조합을 만들 때에는 먼저 어디에 쓸 색인지 정하세요. 예를 들어 작업 중인 문서의 배경, 제목 글자, 강조 표시를 서로 다른 역할로 나누면 후보가 많아져도 헷갈리지 않습니다. KColorChooser에서 배경 후보를 고른 뒤 HTML 코드를 적고 Custom colors에 추가하세요. 이어 제목과 강조색도 같은 순서로 고르면 한 화면에서 후보를 비교할 수 있습니다.
색을 추가할 때마다 이름이나 용도를 함께 메모해 두세요. 사용자 색상 칸에는 색 자체가 보이지만 어떤 부분에 쓰려고 골랐는지는 화면만으로 구별하기 어렵습니다. 작업 문서에 ‘배경 #…’, ‘제목 #…’처럼 색의 역할과 코드를 짝지어 적으면 다른 편집기로 옮길 때 잘못된 값을 입력할 가능성이 줄어듭니다.
다른 화면에서 가져온 색을 그대로 쓰기 전에 큰 미리보기 칸에서 한 번 더 확인하세요. 화면의 그림자나 테두리에서 고른 색이라면 원래 원했던 색보다 어둡거나 흐릴 수 있습니다. 원하는 지점의 단색 부분을 다시 고르고 HTML 값이 바뀌었는지 살펴보세요. 여러 후보가 비슷하다면 RGB 수치도 함께 보면 어느 값이 달라졌는지 구분하기 쉽습니다.
마지막으로 실제 작업 파일에 코드를 입력해 배경과 글자, 강조 표시가 함께 보이는 상태를 확인하세요. KColorChooser의 미리보기에서 마음에 들던 색도 주변 색과 나란히 놓으면 다르게 느껴질 수 있습니다. 그럴 때는 앱으로 돌아와 밝기와 채도를 조금 조정하고 새 HTML 코드를 기록한 뒤 작업 파일에서 다시 비교하세요.
- 배경·제목·강조색처럼 각 색의 쓰임을 먼저 정합니다.
- 색을 골라 사용자 색상 칸에 추가하고 용도와 HTML 코드를 기록합니다.
- 실제 작업 파일에 값을 넣어 본 뒤 필요한 색만 다시 조정합니다.
색이 다르게 잡히거나 설치가 안 될 때
스포이트로 고른 색이 기대와 다르면 화면에서 어느 픽셀을 선택했는지 확인하세요. 가장자리의 그림자나 글자 테두리를 찍으면 가운데의 단색 영역과 다른 값이 나올 수 있습니다. 같은 위치를 다시 고른 뒤 큰 미리보기 칸과 HTML 값을 비교하면 원인을 좁힐 수 있습니다.
화면 색 선택이 동작하지 않는다면 현재 데스크톱 환경에서 화면 접근 허용 안내가 떴는지 살펴보세요. 안내가 없거나 동작이 제한되면 Basic colors와 큰 색상 영역에서 직접 색을 정하고 코드를 확인할 수 있습니다. 공식 스크린샷만으로 모든 Linux 데스크톱의 화면 선택 권한 동작을 보증할 수는 없습니다.
참조 파일을 받았는데 앱 목록에 KColorChooser가 없다면 파일 저장만 끝난 것은 아닌지 보세요. Flatpak과 Flathub 저장소가 준비되었는지 확인하고 소프트웨어 설치 도구에서 org.kde.kcolorchooser 설치를 마쳐야 합니다. 설치 화면의 이름이나 앱 ID가 다르면 진행하지 말고 Flathub 공식 항목으로 돌아가세요.
자주 묻는 질문
KColorChooser는 무료인가요?
Flathub 항목은 Free로 표시하고 KDE 앱 페이지에는 MIT 라이선스가 연결되어 있습니다. 여기서 안내하는 Linux 배포는 무료입니다.
KDE 릴리스와 Flathub 버전이 왜 다른가요?
KDE 목록에는 26.08.2, Flathub에는 26.04.3이 표시됩니다. 이 글의 파일 버튼은 Flathub 배포를 가리키므로 설치 화면의 실제 버전을 확인하세요.
화면에서 고른 색의 코드는 어디에 나오나요?
공식 화면 오른쪽 아래 HTML 칸에 #으로 시작하는 코드가 보이고, 옆에는 Red·Green·Blue 값이 표시됩니다.
여러 색을 한 화면에 둘 수 있나요?
공식 화면의 Add to Custom Colors로 선택한 색을 Custom colors 칸에 추가할 수 있습니다. 중요한 코드는 작업 문서에도 기록하세요.
파일을 받았는데 앱이 실행되지 않아요. 무엇을 확인하나요?
Flatpak과 Flathub 저장소 설정, 앱 ID org.kde.kcolorchooser, 지원 아키텍처를 확인하고 설치 단계가 끝났는지 살펴보세요.
원하는 색을 고르고 코드를 남겨 두세요
KColorChooser는 리눅스에서 화면 색을 살펴보고 여러 후보를 사용자 색상 칸에 모을 때 쓰기 좋습니다. 무료 Flathub 배포를 설치한 뒤 Pick Screen Color나 기본 색상 칸에서 색을 고르고, HTML 코드와 미리보기를 확인하세요.
팔레트를 만드는 동안 Add to Custom Colors로 후보를 나란히 두고 비교할 수 있습니다. 실제 디자인 파일에 쓸 색은 코드를 별도 문서에 적어 두면 다음 작업에서도 같은 값을 찾기 쉽습니다.
공식 자료와 확인일
KDE KColorChooser 공식 앱·버전·라이선스 · Flathub KColorChooser 무료 Linux 배포·패키지 버전 · Flathub 배포판별 설치 설정 | 2026-11-05T14:18:00Z
