색 변환

HEX, RGB, HSL을 변환하고 대비를 확인합니다. HEX에서 RGB만 필요하면 헥스에서 RGB로

이 페이지가 하는 일

같은 색은 HEX, RGB, HSL로 쓸 수 있습니다. 이 페이지는 셋을 맞추고 두 번째 HEX와의 대비를 확인합니다. HEX에서 RGB만 필요하면 헥스에서 RGB로입니다.

사용법

  1. HEX, 또는 R·G·B, 또는 H·S·L을 입력합니다. 다른 칸과 견본은 입력하는 즉시 갱신됩니다. 변환 버튼은 없습니다.
  2. 비교색은 대비에 쓰는 두 번째 HEX입니다.
  3. 예제 보기는 비교색을 #e8f0f6, HEX를 #112233로 둡니다. R은 17, G는 34, B는 51입니다. H는 210, S는 50, L은 13입니다. 비는 14.02:1입니다. 본문 AA, AAA, 큰 글자 AA가 모두 통과합니다.
  4. 모두 지우기는 칸, 견본, 비를 비웁니다.

규칙과 경계

#RGB는 각 자리를 두 번 쓰므로 #123은 #112233입니다. 3자리나 6자리가 아닌 HEX는 오류입니다. H는 0부터 360, S와 L은 0부터 100, R·G·B는 0부터 255입니다. 대비는 WCAG 상대 휘도입니다. 본문 AA는 4.5:1, AAA는 7:1, 큰 글자 AA는 3:1입니다. 비교색이 비면 비는 나오지 않습니다.

쓰는 곳

  • 어두운 HEX를 HSL로 바꿉니다.
  • 밝은 배경 위의 어두운 파랑을 확인합니다.
  • 같은 색을 17, 34, 51로 읽습니다.

질문

HSB, HWB, CMYK도 변환하나요?

하지 않습니다. HEX, RGB, HSL과 대비입니다.

세 등급이 모두 통과인 이유?

14.02:1은 7보다 커서, #112233을 #e8f0f6 위에 두면 본문 AA, AAA, 큰 글자 AA가 모두 통과합니다.