컬러 코드 변환기
HEX / RGB / HSL / HSV 상호 변환을 지원하는 컬러 도구. 색상을 선택하면 모든 형식의 CSS 코드가 동시에 생성되고, 명암비도 자동 계산됩니다.
✅ 완전 무료, 가입 불필요, 브라우저 내에서만 실행
CSS 형식
명암비
흰색 배경 (#FFF)
검정 배경 (#000)
WCAG AA: 일반 텍스트 4.5 이상, 큰 텍스트 3.0 이상 / AAA: 일반 텍스트 7.0 이상
톤 변형
문제가 있거나 표시가 이상하면 다음으로 알려주세요: 문의 양식.
📖 사용법
-
1
색상 선택컬러 피커나 HEX / RGB / HSL을 직접 입력하세요.
-
2
모든 형식 확인HEX / RGB / RGBA / HSL / HSV / CMYK가 즉시 계산됩니다.
-
3
명암비 확인배경과의 WCAG 명암비가 표시됩니다.
❓ 자주 묻는 질문
WCAG 명암비 기준은?
일반 텍스트: AA 4.5:1, AAA 7:1.
HEX와 RGB 차이는?
HEX는 16진수, RGB는 10진수 표기입니다.
HSL과 HSV 사용 구분은?
HSL은 디자인 시스템에, HSV는 피커 UI에 적합합니다.
Tailwind 팔레트도 지원하나요?
선택한 색상에 가장 가까운 Tailwind 색상을 제안합니다.
🐛 이 도구에서 문제가 발생했나요?
무료 · 가입 불필요. 재현 절차만이라도 도움이 됩니다. 보고는 운영자에게 직접 전달되어 개선에 사용됩니다.
✅
보고 감사합니다!
운영자에게 전달되었습니다. 개선에 사용됩니다.