Color색상개인정보: 브라우저 로컬
Color 변환기
HEX, RGB, HSL 색상을 서로 변환하고 실제 전경/배경 조합의 WCAG 대비를 확인하는 도구입니다.
입력 / 출력
도구부터 사용
입력, 출력, 복사 작업은 이 영역에 모았습니다. 예제와 검토 내용은 아래에서 따로 확인합니다.
로컬 세션
입력 상태를 이 브라우저에만 저장해 계정 없이 마지막 작업을 복원할 수 있습니다.
결과 확인 후 검토
기본 입력/출력 흐름이 끝난 뒤 필요한 예제, 확인 목록, 관련 도구만 펼쳐 봅니다.
예제
이 도구를 시작하기 좋은 입력값#2563eb on #ffffffrgb(24,24,27) on #fafafahsl(220 90% 56%) on hsl(0 0% 100%)사용 사례
색상- HEX, RGB, HSL 색상을 서로 변환하고 실제 전경/배경 조합의 WCAG 대비를 확인하는 도구입니다.
- 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.
- 실제 UI의 전경과 배경 쌍으로 다시 확인합니다.
- AA 일반 텍스트, AA 큰 텍스트, AAA 일반 텍스트 기준을 따로 봅니다.
- Color 변환기 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토합니다.