2026-05-18 · 1분 읽기
디자인 handoff에서 HEX, RGB, HSL
색상을 한 번 변환하고 CSS, tokens, docs에 일관된 값을 붙여넣으세요.
색상CSSdesign
핵심 요점
- canonical form(디자인은 HEX, runtime debug는 RGB)을 문서화하세요.
- invalid shorthand HEX는 조용히 잘못된 색의 흔한 원인입니다.
Handoff checklist
디자이너는 HEX를 전달하고, 엔지니어는 accessibility contrast check를 위해 RGB equivalent을 verify합니다.
지원 format을 붙여넣고 세 representation을 ticket에 복사하세요.
자주 묻는 질문
tokens는 어떤 format을 써야 하나요?
design system에서 canonical format 하나를 고르고, tool 경계에서 변환하세요.
alpha transparency가 되나요?
이 tool은 opaque color에 집중합니다; alpha가 필요하면 rgba()/hsla()를 쓰세요.