색상 코드표는 HEX·RGB·HSL·CMYK 변환, 색상표, 사진에서 색 뽑기, 명도 대비 검사를 한곳에서 합니다.
탭별 사용법
- 색상 코드 변환: 색을 고르거나 HEX(#3B5BFD)·RGB·HSL·CMYK 중 아무 칸에 값을 적으면 나머지가 바로 바뀝니다. 아래 10단계 밝기 줄에서 비슷한 색을 고를 수 있습니다.
- 색상표: 빨강·남색·버건디 같은 자주 쓰는 색과 카카오·네이버 등 익숙한 색을 모았습니다. 누르면 HEX 코드가 복사됩니다.
- 사진에서 색 뽑기: 사진을 넣고 원하는 곳을 누르면 그 자리 색 코드가 나오고 복사됩니다.
- 명도 대비 검사: 글자 색과 배경 색을 고르면 읽기 쉬운지 점수(대비율)로 알려 줍니다.
색상 코드 종류
| 코드 | 예 | 쓰는 곳 |
|---|---|---|
| HEX | #FF8000 | 웹, 디자인 툴(피그마·캔바), PPT |
| RGB | rgb(255, 128, 0) | 화면용 색. 엑셀·포토샵 색 지정 |
| HSL | hsl(30, 100%, 50%) | 색상·채도·밝기로 조절할 때 |
| CMYK | cmyk(0%, 50%, 100%, 0%) | 인쇄물(명함·현수막) |
CMYK 값은 화면 색을 계산으로 바꾼 참고값입니다. 실제 인쇄 색은 종이와 인쇄소 설정에 따라 달라지니, 중요한 인쇄물은 인쇄소 색 견본으로 확인하세요.
명도 대비 기준 (WCAG)
| 등급 | 본문 글자 | 큰 글자 (24px 이상, 굵게 19px 이상) |
|---|---|---|
| AA (기본) | 4.5 : 1 이상 | 3 : 1 이상 |
| AAA (높음) | 7 : 1 이상 | 4.5 : 1 이상 |
대비율은 1:1(같은 색)부터 21:1(검정과 흰색)까지입니다. PPT·포스터·블로그 글자색을 정할 때 4.5 이상이면 대부분 편하게 읽힙니다.
자주 묻는 질문
엑셀·PPT에서 HEX 코드는 어디에 넣나요?
PPT는 글꼴 색 → 다른 색 → 사용자 지정에 HEX 칸이 있습니다. 엑셀은 같은 화면에 RGB를 적는 칸이 있어 RGB 값을 쓰면 됩니다.
사진에서 뽑은 색이 조금 다른데요?
사진은 같은 부분도 픽셀마다 색이 조금씩 다릅니다. 넓고 고른 부분을 눌러 보세요.
관련 검색어RGB 변환컬러 코드