DevTools 도움말: 색상 작성

Sofia Emelianova
Sofia Emelianova
GitHub

DevTools를 사용하면 값을 입력하지 않고도 클릭 몇 번으로 색상을 작성할 수 있습니다.

다음 DevTools 도움말 동영상에서는 색상 제작을 위한 대부분의 기본 기능을 보여줍니다. 하지만 동영상이 출시된 이후 몇 가지 기능이 구현되고 하나는 지원 중단되었습니다.

색상을 빠르게 작성하는 방법을 알아보려면 동영상을 시청하고 업데이트된 문서를 읽어보세요.

  • 색상 형식 메뉴를 열려면 색상 값 옆에 있는 색상 미리보기 상자를 Shift 키를 누른 상태에서 클릭합니다.

  • 동영상과 같이 색상 선택 도구를 사용하여 색상을 수정하고 복사합니다.

  • 스포이트를 사용하여 화면의 아무 곳에서나 색상을 선택합니다.

  • 동영상에 표시된 대로

    • 각도 시계를 사용하여 그라데이션 값을 변경합니다.
    • 맞춤 CSS 변수를 색상 팔레트로 사용합니다.

  • 명령 메뉴 단축키로 형식을 변경하는 대신 색상 형식 메뉴를 사용하여 HD 및 비 HD 색상을 변환합니다.

  • 동영상에서 볼 수 있듯이 CSS 개요 패널을 사용하여 페이지의 모든 색상을 한눈에 살펴보세요.

자세한 내용은 다음을 참고하세요.