색상 코드 변환기
HEX, RGB, HSL 색상 코드를 서로 변환하고 실제 색을 미리보기로 확인하는 무료 색상 변환기. CSS·디자인 작업용.
| HEX | - |
| RGB | - |
| HSL | - |
| 흰 글씨 대비 | - |
세 가지 표기법
- HEX
#2f6fed— 웹·CSS에서 가장 흔한 표기. 빨강·초록·파랑을 각각 00~ff로. - RGB
rgb(47, 111, 237)— 각 채널 0~255. 포토샵·디자인 툴 값과 바로 대응. - HSL
hsl(221, 84%, 56%)— 색상(0~360°)·채도·명도. "같은 색을 조금 더 밝게"처럼 조정할 때 직관적입니다.
대비(Contrast) 수치
이 색을 배경으로 흰 글씨를 올렸을 때의 명도 대비입니다. 웹 접근성 기준(WCAG)은 본문 4.5:1 이상, 큰 글씨(18pt 이상) 3:1 이상을 요구합니다. 미달이면 어두운 글씨를 쓰거나 배경을 더 진하게 하세요.