Mac용 색상 선택기
화면의 아무 픽셀이나 골라 그 색상을 HEX, RGB, HSL 또는 코드로 복사해요.
Mac의 색상 추출
샘플 파일을 사용한 앱 스크린샷.
색상 추출 사용 방법
- 1
형식 선택
색상을 복사할 형식을 고르세요: HEX, RGB, HSL, CSS rgb() 또는 SwiftUI.
- 2
색상 선택 클릭
돋보기가 나타나 개별 픽셀을 볼 수 있어요. OneMacTools 메뉴 막대 아이콘에서 시작할 수도 있어요.
- 3
색상 클릭
아무 화면의 아무 픽셀이나 클릭하세요. 취소하려면 esc를 누르세요.
- 4
붙여 넣기
색상이 고른 형식으로 클립보드에 복사되고, 창에는 복사된 내용과 함께 색상 견본이 표시돼요.
색상 추출의 기능
색상 선택을 클릭한 다음 화면의 아무 곳이나 클릭하세요. 선택한 형식으로 색상이 복사되어 CSS, 디자인 도구, SwiftUI에 바로 붙여 넣을 수 있어요.
이럴 때 좋아요
- 웹사이트의 브랜드 색상 맞추기
- 디자인 목업의 정확한 색상 확인
- 색상을 CSS로 복사
옵션 설명
- 복사 형식
- HEX(#1A73E8), RGB(26, 115, 232), HSL(hsl(214, 82%, 51%)), CSS rgb()(rgb(26 115 232)), SwiftUI(Color(red: 0.102, green: 0.451, blue: 0.910)). 붙여 넣을 곳에 맞는 형식을 고르세요.
권장 사항
- 대부분의 디자인 도구와 CSS에는 HEX를 쓰세요. 가장 짧고 가장 널리 통하는 형식이에요.
- 더 밝거나 어두운 색조를 만들 계획이라면 HSL을 선택하세요. 밝기 값만 바꾸면 되니까요.
- 가장자리와 텍스트에서 떨어진 단색 영역에서 고르세요. 그래야 섞인 픽셀을 고르지 않아요.
- 색상이 조금씩 변하는 압축된 비디오보다 스크린샷이나 원본 이미지에서 색상을 고르세요.
- 이미지의 주요 색상을 한 번에 모두 뽑아야 하나요? 색상 팔레트가 한 번에 꺼내 줘요.
함께 쓸 수 있는 곳
- 입력
- 모든 화면의 모든 픽셀.
- 출력
- 클립보드에 텍스트로 담긴 색상과 창에 표시되는 색상 견본.
- 색상은 웹과 대부분의 앱에서 표준인 sRGB 색 공간으로 표시돼요.
- 메뉴 막대 아이콘에서, 그리고 화면에서 색상 선택이라는 단축어 동작으로도 사용할 수 있어요.
색상 추출에 관한 질문
Mac 화면에 보이는 색상의 HEX 코드를 찾으려면 어떻게 하나요?
복사 형식을 HEX로 설정하고 색상 선택을 클릭한 다음 색상을 클릭하세요. #1A73E8 같은 HEX 코드가 클립보드에 복사돼요.
Mac에서 웹사이트의 색상을 추출하려면 어떻게 하나요?
페이지를 열고 색상 선택을 클릭한 다음 페이지의 색상을 클릭하세요. 브라우저뿐 아니라 어떤 앱이나 윈도우에서도 작동해요.
색상을 RGB나 HSL로 복사할 수 있나요?
네. 고르기 전에 복사 형식에서 RGB, HSL, CSS rgb()를 선택하세요. RGB는 0부터 255까지의 숫자 세 개를, HSL은 색상, 채도, 명도를 알려 줘요.
화면에서 SwiftUI 색상 값을 가져오려면 어떻게 하나요?
복사 형식에서 SwiftUI를 선택하세요. 0에서 1 사이 값이 들어간 Color(red:green:blue:) 줄이 만들어져 바로 붙여 넣을 수 있어요.
앱을 열지 않고 색상을 고를 수 있나요?
네. OneMacTools 메뉴 막대 아이콘을 클릭하고 색상 추출을 고르세요. 마지막으로 고른 형식을 사용해요.
고른 색상이 디자인 파일과 약간 다른 이유는 무엇인가요?
색상은 sRGB로 변환되며, 화면의 이미지와 비디오는 이미 압축되었거나 색상 관리가 적용되었을 수 있어요. 정확한 값이 필요하면 원본 파일에서 고르거나 디자인 도구에서 확인하세요.
색상 추출이(가) 내 파일을 업로드하나요?
아니요. 색상 추출은(는) 전적으로 Mac에서 실행되므로 파일이 Mac 밖으로 나가지 않고 오프라인에서도 작동해요.
색상 추출이(가) 원본 파일을 바꾸나요?
아니요. 결과는 다운로드 › OneMacTools의 날짜별 폴더에 새 파일로 저장되고, 따로 적힌 옵션을 켜지 않는 한 원본은 그대로 남아요.
색상 추출에는 무엇이 필요한가요?
macOS 26 이상이 설치된 Mac만 있으면 돼요. 따로 설치할 것은 없어요.
다음으로 할 일
이미지의 주요 색상을 견본 카드, CSS 변수, Adobe 팔레트로 뽑아내요.
이미지 정보 및 EXIF 보기크기, 해상도, 형식, DPI와 함께 사진에 숨겨진 카메라, 날짜, 위치를 확인해요.
스크린샷 꾸미기스크린샷을 여백, 둥근 모서리, 부드러운 그림자와 함께 그라디언트 위에 놓아요.
관련 유틸리티 도구
윈도우, 앱 또는 전체 화면을 소리와 함께 MP4나 GIF로 녹화해요.
화면에서 텍스트 가져오기비디오, 사진, 잠긴 PDF 등 화면의 무엇이든 드래그해서 그 안의 텍스트를 복사해요.
QR 코드 만들기링크, 텍스트 또는 Wi-Fi 정보를 선명한 QR 코드로 바꿔요.
바코드 만들기레이블, 상품, 티켓용 Code 128, EAN-13, UPC-A, PDF417, Aztec 바코드를 만들어요.
QR 및 바코드 스캔사진, 스크린샷, PDF에서 QR 코드와 바코드를 읽어요.
텍스트 정리대소문자를 바꾸고, 공백과 줄 바꿈을 정리하고, 줄을 정렬하거나 중복을 없애고, 단어 수를 세요.
