MAC 컬러 워크벤치

Weeko Color

화면의 색을 디자인과 코드로.

화면 픽셀을 정확히 추출하고 22개 개발 형식으로 변환하세요. 명도 스케일과 팔레트를 만들고 WCAG 대비까지 하나의 macOS 작업 공간에서 확인할 수 있습니다.

작업 흐름 보기
색상 추출, 형식 변환, 대비 분석은 이 Mac에서 처리됩니다.
정밀 화면 색상 추출22개 출력 형식10단계 명도 스케일WCAG 대비 검사
22개 디자인·개발 형식
10단계 명도 스케일
4가지 자동 배색
로컬기본 색상 처리

추출, 구성, 전달

한 픽셀에서 실제로 쓸 수 있는 색상 결정까지

Weeko Color는 추출, 변환, 팔레트 구성, 접근성 검사를 하나의 연속된 흐름으로 연결합니다.
  1. 화면 픽셀 추출

    여러 디스플레이에서도 실시간 확대경을 사용하고 클릭해 완료하거나 Esc로 취소하세요.

  2. 구성하고 검증

    명도 스케일과 배색을 만들거나 텍스트·배경 조합을 WCAG 기준으로 검사하세요.

  3. 복사 또는 보관

    선택한 개발 형식을 복사하고 즐겨찾기에 저장하거나 로컬 라이브러리를 JSON으로 내보내세요.

하나의 색, 여러 대상

익숙한 도구를 위한 22개 형식

기본 복사 형식을 선택하고 결과를 실시간으로 확인하세요. 최근 색상, 즐겨찾기, 생성 색상, 분석 결과에서 같은 출력 방식을 사용합니다.
Web / CSS

CSS HexRGBAHSLADisplay P3LabOKLCH

Android / Flutter

Android XMLJetpack Compose ColorFlutter Color

Apple

SwiftUI ColorUIColorNSColor

HarmonyOS

ArkUI ColorArkUI Hex

Python

Python TuplePython String

기타 런타임

Java Color.NET ARGBOpenGL RGBUnity ColorRaw RGBRaw Float

복사 전에 Alpha 비율, 투명 체커보드, Display P3 색 공간 표시를 확인할 수 있습니다.

화면 추출 및 형식

원하는 픽셀을 정확히 읽고 필요한 값으로 복사

실시간 확대경, 선명한 픽셀 그리드, 다중 디스플레이 지원, sRGB·Display P3 정보 보존으로 추측 없는 추출이 가능합니다.

실시간 픽셀 확대경

그리드와 HEX, RGB를 동시에 보고 휠이나 트랙패드로 배율을 조절합니다.

맞춤형 추출기

3개 모양, 3개 크기, 6단계 초기 확대, 4단계 샘플링 품질을 선택합니다.

색 공간 인식

sRGB와 Display P3를 보존하고 색의 밝기에 맞춰 텍스트와 표시 프레임을 바꿉니다.

문맥을 보며 복사

개발 형식, Alpha, 투명 체커보드, P3 배지를 확인한 뒤 복사합니다.

01

실제 디스플레이 환경을 위한 추출기

여러 화면을 넘나들며 포인터를 따라가고 모든 배율에서 대상 픽셀을 선명하게 유지합니다.

확대경과 그리드

실시간 픽셀과 HEX, RGB를 동시에 봅니다.

빠른 제어

클릭으로 완료, Esc로 취소, 제스처로 배율을 조절합니다.

밝기 자동 대응

텍스트와 대상 프레임을 읽기 좋은 색으로 바꿉니다.

색 공간 유지

sRGB 또는 Display P3 정보를 결과에 보존합니다.

02

작업 방식에 맞게 조정

모양, 크기, 확대, 품질, 소리, 플로팅 상세를 독립적으로 설정합니다.

3개 모양과 3개 크기

원, 사각형, 둥근 사각형과 소·중·대 크기입니다.

6단계 확대와 4단계 품질

디스플레이에 맞는 기본값을 저장합니다.

기록 선택

20, 50, 100개를 보관하거나 기존 항목을 남기고 신규 기록을 멈춥니다.

Alpha와 P3

복사 전에 투명도, 체커보드, P3 배지를 표시합니다.

팔레트 도구

하나의 기본색을 설명 가능한 색상 시스템으로

10단계 명도, 6개 채도 변화, 4개 실용 배색을 만들면서 기본색과 사용 목적을 유지합니다.

10단계 명도 매트릭스

50~900 HEX와 배경, 구분선, 텍스트, 브랜드 용도 제안을 만듭니다.

6개 톤 변화

기본 색조를 유지하면서 부드러운 저채도부터 강한 강조색까지 생성합니다.

4개 배색

보색, 유사색, 삼색, 분할 보색 조합을 생성합니다.

구현 준비 완료

추천 변수명을 복사하거나 생성된 색을 22개 형식으로 출력합니다.

01

실제 용도가 있는 명도 매트릭스

기본색에서 라벨, HEX, 용도 제안이 포함된 10단계를 생성합니다.

50부터 900

밝은 색부터 어두운 색까지 10단계로 구성합니다.

용도 제안

배경, 구분선, 보조 텍스트, 브랜드, 본문을 구분합니다.

기본색 정보

HSB를 확인하고 최근 색상이나 즐겨찾기에서 바꿉니다.

변수명

코드에 적합한 이름을 만들고 복사합니다.

02

변화와 배색

6개 채도 변화와 4개 색 관계를 각각 열어 보고 복사합니다.

부드러움과 강조

저채도 배경색과 고채도 강조색을 만듭니다.

보색과 유사색

강한 대비 또는 통일된 조합을 만듭니다.

삼색 배색

분리된 세 색조로 더 넓은 시스템을 구성합니다.

분할 보색

대비를 유지하며 직접 보색보다 부드럽게 만듭니다.

접근성 검사

인터페이스에 쓰기 전에 실제 가독성을 확인

실제 콘텐츠에서 텍스트와 배경을 비교하고 다음 WCAG 등급으로 개선하며 색각 시뮬레이션을 디자인 보조 도구로 사용하세요.

정확한 WCAG 비율

현재 비율과 일반 텍스트 AA 4.5:1, AAA 7:1을 실시간으로 확인합니다.

실용적인 미리보기

제목, 본문, 버튼에서 조합을 직접 확인합니다.

스마트 최적화

텍스트 또는 배경을 조절하며 가능한 한 색조와 채도를 유지합니다.

색각 미리보기

정상 시각과 적색·녹색·청색·전색맹 시뮬레이션을 비교합니다.

01

색 조합 구성과 검사

텍스트와 배경을 각각 추출하거나 선택하고 교환한 상태를 저장할 수 있습니다.

정확한 비율

WCAG 비율과 AA/AAA를 실시간 표시합니다.

콘텐츠 미리보기

제목, 본문, 버튼에서 확인합니다.

다음 목표

미달에서 AA로, AA에서 AAA로 자동 설정합니다.

즉시 적용

전후를 비교하고 현재 조합을 업데이트합니다.

02

색각 차이 미리보기

디자인 보조 미리보기이며 의학 검사나 인증이 아닙니다.

5개 모드

정상 시각과 4개 색각 시뮬레이션을 제공합니다.

전체 조합 변환

텍스트와 배경을 함께 시뮬레이션합니다.

실제 가독성

변환된 콘텐츠를 직접 확인합니다.

선택 유지

다음 실행 시 마지막 모드로 돌아옵니다.

라이브러리와 작업 흐름

유용한 색을 클라우드가 아닌 가까운 곳에

최근 색상, 이름 있는 즐겨찾기, 전역 단축키, 메뉴 막대, JSON 백업을 한 대의 Mac에서 활용합니다.

최근 색상과 즐겨찾기

중복은 앞으로 이동하고 즐겨찾기는 이름과 고정을 지원하며 두 목록을 각각 지울 수 있습니다.

메뉴 막대의 빠른 작업

추출 시작, 최근 6개 색상, 매트릭스, 대비 도구로 바로 이동합니다.

단축키 충돌 감지

4개 전역 작업을 설정하고 앱 내부나 macOS와의 충돌을 확인합니다.

안전한 JSON 병합

검증, 중복 건너뛰기, 구버전 이전을 수행하며 현재 라이브러리를 덮어쓰지 않습니다.

01

최근 색상과 즐겨찾기를 분리

중복은 앞으로 이동하고 즐겨찾기에 이름과 고정을 설정하며 각 컬렉션을 별도로 지웁니다.

자동 중복 제거

같은 색상을 최근 기록 맨 앞으로 이동합니다.

이름과 고정

중요 색상은 위에, 나머지는 시간순으로 표시합니다.

직접 작업

복사, 상세, 해제, 삭제를 바로 실행합니다.

안전한 지우기

개수와 확인을 표시하고 다른 목록은 유지합니다.

02

빠른 작업과 백업

메뉴 막대와 전역 단축키로 도구를 열고 JSON은 내보낼 때만 생성합니다.

최근 6개 색상

메뉴 막대에서 다시 열어 복사합니다.

충돌 감지

앱 내 중복과 macOS 충돌을 확인합니다.

검증 후 병합

구버전을 이전하고 중복을 건너뛰며 덮어쓰지 않습니다.

가져오기 제한

10 MB, 최근 500개, 즐겨찾기 2,000개입니다.

핵심 색상 도구는 무료, 더 넓은 작업 흐름은 Pro

Free에는 화면 색상 추출, 기본 라이브러리, CSS 형식 4개, 저장 팔레트 1개, 대비 검사, 색각 시뮬레이션과 JSON 라이브러리 백업이 포함됩니다. Pro는 전체 개발 형식과 팔레트 전달 기능을 엽니다.

기능
Free색상 추출, 검사 및 저장
Pro색상 시스템 구축 및 전달
화면 추출, 최근, 즐겨찾기 및 변환포함포함
복사 형식CSS 형식 4개22개 형식 + 사용자 템플릿
저장 팔레트1개무제한
팔레트 코드 내보내기미포함CSS, JSON, SwiftUI
일괄 복사미포함고정 형식 최대 3개
대비 도구비율, 미리보기 및 색각 시뮬레이션스마트 AA / AAA 수정 추가
색상 라이브러리 JSON 백업포함포함

Pro는 App Store에서 연간 구독 또는 평생 구매로 제공됩니다. 전체 JSON 라이브러리 백업은 두 플랜 모두 사용할 수 있으며 팔레트를 CSS, JSON 또는 SwiftUI 코드로 내보내려면 Pro가 필요합니다.

로컬 우선

색상 작업에 계정은 필요하지 않습니다

Weeko Color는 포인터 아래 픽셀을 읽기 위해서만 화면 기록 권한을 사용합니다. 추출, 변환, 팔레트 생성, 대비 분석, 라이브러리 저장은 이 Mac에서 이루어지며 색상 데이터는 자동 업로드되지 않습니다.

  • 추출기를 직접 사용할 때만 화면 픽셀을 읽으며 화면 기록을 저장하지 않습니다.

  • 최근 색상, 즐겨찾기, 분석 상태는 삭제할 때까지 로컬에 남습니다.

  • JSON 백업은 직접 내보낼 때만 생성되며 계정이나 클라우드 동기화가 없습니다.

첫 추출 전에 자주 묻는 질문

왜 화면 기록 권한이 필요한가요?

macOS는 화면 픽셀을 이 권한으로 보호합니다. Weeko Color는 추출기를 사용할 때 포인터 아래 픽셀을 읽는 데만 사용합니다.

화면이나 라이브러리를 업로드하나요?

아니요. 핵심 처리는 로컬에서 이루어지며 백업은 직접 내보낼 때만 생성됩니다.

어떤 형식을 복사할 수 있나요?

Web/CSS, Android, Flutter, Apple, HarmonyOS, Python, Java, .NET, OpenGL, Unity, 원시 값을 포함한 22개 형식입니다.

최근 기록을 끄면 어떻게 되나요?

새 항목 추가만 중단하며 기존 최근 색상과 즐겨찾기는 유지합니다.

대비 최적화가 접근성 준수를 보장하나요?

아니요. WCAG AA/AAA 비율을 목표로 하지만 최종 UI는 실제 환경과 보조 기술로 검증해야 합니다.

색각 시뮬레이션은 의학 검사인가요?

아니요. 디자인을 위한 보조 미리보기입니다.

가져오기가 현재 색상을 덮어쓰나요?

아니요. 검증하고 병합하며 중복을 건너뛴 뒤 추가된 수를 보여 줍니다.

Mac 간에 동기화할 수 있나요?

현재 버전에는 계정, iCloud 동기화, 팀 공유, 자동 클라우드 백업이 없습니다.