퍼블리싱/기타

[chrome] 크롬에서 명도 대비 측정

리또또 2024. 3. 22. 16:46

 

 

 

1. F12 또는 Ctrl + Shift + i를 눌러 개발자 도구를 열어준다.

 

 

 


2. 개발자 도구 제일 좌측 상단에 요소를 선택 할 수 있는 아이콘 클릭

 

 

 

3. 명도 대비 측정이 필요한 요소 클릭 후 개발자 도구 확인

  • 테스트로 날씨 박스의 초록색 컬러 '보통' 텍스트를 찍어보았다. 

 

  • 그러면 개발자 도구에 텍스트의 컬러 값이 찍힌다.



4. 개발자 도구에 있는 컬러 박스를 클릭



5. 해당 아코디언 탭 부분 명도 대비율 확인

 



☑️ 해당 측정 방법은 별도의 프로그램 설치 없이 간단하게 명도 대비 측정이 가능.

☑️ 배경 색상이 지정되지 않은 경우에는 명도 대비율이 측정 되지 않음.

반응형