Color UI
Color UI는 생생한 색상을 탐색하고 다양한 형식으로 변환하는 앱입니다. 디자이너와 개발자의 요구에 맞게 제작되었습니다……
소개
Color UI는 생생한 색상을 탐색하고 다양한 형식으로 변환하는 앱입니다. 디자이너와 개발자의 요구에 맞게 제작되었습니다. 주요 기능: HSB(색상, 채도, 명도), RGB(적색, 녹색, 청색), HEX(16진수) 색상 선택기, 내보내기 기능. macOS 11 이상에서 최적화되었으며, M1(Apple Silicon) 칩을 탑재한 Mac에서도 최적화되었습니다.
새로운 버전 2.3: 이번 업데이트에는 성능 개선 및 소규모 버그 수정이 포함되어 있습니다.
필요 시스템 사양: Intel 64비트 프로세서, macOS 11.0 이상.
스크린샷
광고 차단기를 사용 중이신가요?! 당사 웹사이트를 화이트리스트에 추가하여 지원해 주세요. 광고 수익은 고품질 콘텐츠를 제공하기 위한 핵심 자원입니다! 또는 이 안내를 읽어 보시면 어떻게 지원할 수 있는지 확인하실 수 있습니다. 감사합니다!
크기: 7MB
이전 버전
편집자 확인 정보
일반 sRGB UI 색 탐색/변환과 참고 screen pixel 추출에 권하며 브랜드, 인쇄, 접근성의 유일한 진실로 쓰지 않습니다. source design/token master→sRGB/alpha 정의→HSB/RGB/HEX 후보→display ICC를 기록한 보조 sampling→temporary branch→browser, SwiftUI/AppKit, design tool 확인→모든 state의 WCAG AA/AAA→색각/grayscale→P3/CMYK/Lab master 유지→승인 값을 versioned token→swatch, visual regression, SHA-256→dual review 순서가 안전합니다. 기본 추출은 Digital Color Meter, system은 Figma/Sketch, 기록은 Sip/Litur, professional colour는 Photoshop/Affinity+ColorSync, 웹은 DevTools/자동 contrast test가 알맞습니다.
장점
- HSB/RGB/HEX에 집중해 디자이너와 개발자가 sRGB 값을 빠르게 맞추기 좋습니다. 동기 control로 Hue, Saturation, Brightness와 RGB 관계를 보고 HEX는 웹/token에 씁니다. picker는 보이는 pixel을 추출하고 export는 전사 오류를 줄입니다. palette는 후보 비교에 유용합니다. Universal이라 Intel/Apple silicon, macOS 11을 지원합니다. 큰 project 구조 없이 임시 추출, 교육과 작은 style 탐색에 적합합니다. CMYK, Lab, P3와 accessibility system을 다루지 않는 경계도 명확합니다.
단점
- 핵심 지원은 HSB, RGB, HEX뿐이며 HSL, alpha/RGBA, CMYK, Lab/LCH/OKLCH, Display P3와 perceptual difference는 확인되지 않습니다. 인쇄/HDR/wide gamut은 다른 도구가 필요합니다. picker는 source 값이 아니라 ICC, True Tone, Night Shift, HDR, transparency, antialias를 거친 display pixel을 읽습니다. WCAG, 색각 simulation, semantic token, ramp, variable export, team sync, version history, API가 확인되지 않아 완전한 design system이 아닙니다. HSB/HSL 및 HEX gamut/alpha 규칙을 따로 정해야 합니다. App Store delist로 support/redownload가 불확실하고 2.3 notes도 구체적이지 않습니다.
설치 방법
- 사이트 버전 Color UI 2.3은 Intel/Apple silicon Universal이며 macOS 11 이상입니다. 운영 token을 바로 바꾸지 말고 test palette를 만듭니다. #000000, #FFFFFF, #FF0000, #808080 같은 알려진 sRGB로 HEX, RGB, HSB를 대조합니다. HSB Brightness는 HSL Lightness와 다르므로 이름만 바꾸면 안 됩니다. 단색 target을 내장/외장 display, 다른 ICC, Light/Dark에서 추출하고 source app, ICC, scale, screenshot 색 변환을 기록합니다. browser CSS, SwiftUI/AppKit, Figma/Sketch 등에 붙여 syntax, #, case와 range를 확인합니다. alpha, Display P3, CMYK, Lab/OKLCH, HDR은 먼저 지원 여부를 확인합니다. 공식 핵심은 HSB/RGB/HEX이며 sRGB 값을 wide-gamut master 대신 쓰지 않습니다. 색 이름, semantic role, sRGB, gamut, contrast pair, source, approver, SHA-256을 관리하고 별도 WCAG/색각 검사를 합니다.
제거 방법
- 승인 palette를 open format/버전 관리 text로 내보내 name, semantic role, HEX, RGB, HSB, gamut/ICC, 별도 alpha, Light/Dark 용도, contrast pair, source와 승인일을 저장합니다. swatch screenshot만 남기면 profile/압축으로 색이 변합니다. 독립 script/design tool로 모든 값을 다시 parse하고 palette SHA-256 및 운영 코드의 보관 token 참조를 확인합니다. 종료 후 삭제하고 unique 값이 없을 때만 환경설정, recent, 컨테이너를 정리합니다. 제거해도 clipboard history, 디자인 파일, repository, export와 cloud의 색은 사라지지 않고 이전 HSB/HSL 또는 sRGB/P3 오류도 고쳐지지 않습니다. token audit와 visual regression이 필요합니다.
자주 발생하는 오류와 해결 방법
- design file과 추출 값 차이는 ICC, Night Shift, True Tone, HDR, alpha blend, antialias와 browser 색 관리 때문입니다. 통제 시험에서는 표시 보정을 끄고 sampling이 아니라 original token을 기준으로 삼습니다. HEX/RGB는 0–255, RRGGBB, space와 rounding을 확인하며 RRGGBBAA를 6자리로 보지 않습니다. HSB/HSL 차이는 정의입니다. 외장 display는 calibration/profile을 기록해 같은 sRGB target으로 비교합니다. 코드 오류는 #, quote, comma, percent와 언어 syntax를 확인합니다. 눈에 잘 보여도 WCAG는 font, size, state, background, alpha로 별도 검사합니다. P3가 clip되면 HEX=sRGB 해석을 확인하고 P3 floating master/지원 syntax를 유지합니다. picker 실패는 macOS privacy permission을 확인합니다.
이번 버전 변경 사항
- 사이트 버전은 Color UI 2.3이며 기록된 출시일은 2022-12-16입니다. 업데이트 문구는 ‘개선 및 사소한 버그 수정’뿐이어서 영향을 받은 module을 추측하지 않습니다. developer portfolio/release record에서 palette, HSB slider, RGB slider, HEX, picker, export, macOS 11/M1 최적화와 Intel/Apple silicon Universal을 확인할 수 있습니다. 이 글은 2.3만 다루며 delist 이후 대체 제품 기능을 섞지 않습니다.
파일 검증
대체 소프트웨어
스크린샷
