#696969
01 / CODES
색상 코드
항목을 누르면 클립보드에 복사됩니다.
02 / SCALE
색상 단계 (50 → 900)
디자인 시스템에 바로 넣을 수 있는 밝기 단계입니다. 500이 지금 고른 색입니다.
03 / HARMONY
배색 팔레트
선택한 색을 기준으로 만든 조화색입니다. 색상을 누르면 그 색으로 이동합니다.
보색
유사색
삼각 배색
04 / CONTRAST
명암비 검사 (WCAG)
고른 색을 글자색과 배경색으로 각각 검사합니다. 본문 글씨는 4.5:1 이상을 권장합니다.
가나다 Abc 123
5.49:1흰 배경 위
본문 (AA 4.5:1) · 통과큰 글씨 (AA 3:1) · 통과강화 (AAA 7:1) · 미달
가나다 Abc 123
3.83:1검은 배경 위
본문 (AA 4.5:1) · 미달큰 글씨 (AA 3:1) · 통과강화 (AAA 7:1) · 미달
05 / SIMILAR