2026-05-18 · 1분 읽기
HEX/RGB 도구 vs design spec 문서
Converter는 handoff를 빠르게 하지만, source-of-truth palette를 대체하지 않습니다.
Design spec은 semantic name(primary-600)을 나열하고, converter는 ticket의 일회성 HEX를 변환합니다.
Accessibility contrast check에는 여전히 computed RGB 값이 필요합니다.
이 비교를 읽는 방법
Ad-hoc 값에는 converter; canonical name에는 design system.
| 방식 | 데이터 처리 | 일반적인 속도 | 적합한 용도 |
|---|---|---|---|
| Color converter tool | 로컬 color string | 즉시 | Bugfix ticket, legacy CSS, screenshot에서 복사 |
| Design system spec | 팀이 유지하는 token | 사람 프로세스 | 제품 전반 일관성, theming, dark mode |
핵심 요약
- 알 수 없는 HEX를 converter에 붙여넣고, 재사용되면 system에 token을 추가하세요.
- Drift를 피하려면 design docs에 canonical HEX를 문서화하세요.
자주 묻는 질문
HEX/RGB 도구 vs design spec 문서에서는 어떻게 선택해야 하나요?
Converter는 handoff를 빠르게 하지만, source-of-truth palette를 대체하지 않습니다.
Color Converter은 언제 열어야 하나요?
이 비교가 해당 워크플로를 가리키고 다음 단계를 실행할 준비가 되었을 때 Color Converter을 여세요.
비교할 때 놓치기 쉬운 점은 무엇인가요?
데이터 경계, 입력 형식, 실패 시 확인 경로를 먼저 점검하세요.