다른 색 및 색 대화 상자
게시: 2016년 4월
다른 색 및 색 대화 상자를 사용하면 글꼴, 배경 또는 페이지 요소의 테두리 색을 결정하는 CSS 스타일 규칙의 색 값을 선택하고 만들 수 있습니다.
다른 색 대화 상자에 액세스하려면
새 스타일 또는 스타일 수정 대화 상자를 선택합니다.
다른 색 대화 상자를 선택합니다.
이러한 단계는 아래에서 자세히 설명합니다.
1. 새 스타일 또는 스타일 수정 대화 상자에 액세스하려면 다음 방법 중 하나를 사용하십시오.
서식 메뉴에서 스타일 작성을 선택합니다.
편집기에서 스타일시트를 마우스 오른쪽 단추로 클릭한 다음 바로 가기 메뉴에서 스타일 작성을 선택합니다.
스타일시트 도구 모음에서 스타일 작성을 선택합니다.
2. 다른 색 대화 상자에 액세스하려면 다음 방법 중 하나를 사용하십시오.
글꼴 범주를 선택한 다음 색 옆의 사각형 아이콘을 클릭합니다.
배경 범주를 선택한 다음 배경색 옆의 사각형 아이콘을 클릭합니다.
테두리 범주를 선택한 다음 테두리 색 아래에서 사각형 아이콘 중 하나를 클릭합니다.
다른 색 대화 상자 요소
다른 색 대화 상자에는 다음과 같은 UI 요소가 있습니다.
Value
선택된 색의 16진 RGB 코드를 표시합니다.이름
색에 이름이 있는 경우 표시합니다.사용자 지정
색을 선택하거나 색상표를 만들 수 있는 색 대화 상자가 열립니다.Select
포인터를 화면의 색을 선택하여 페이지 요소에 할당할 수 있도록 하는 스포이트 도구로 변경합니다.새 그룹
대화 상자에서 선택되었지만 페이지 요소에 아직 할당되지 않은 색을 표시합니다.현재
현재 페이지 요소에 할당되어 있는 색을 표시합니다.
색 대화 상자를 사용하여 사용자 지정 색 만들기
사용자 지정 색을 만들려면
다른 색 대화 상자에서 **사용자 지정... **을 클릭합니다.
색 대화 상자가 표시됩니다.
다음 작업 중 하나를 수행합니다.
색 매트릭스와 채도 그라데이션을 사용하여 매트릭스 안쪽을 클릭해 색을 만듭니다. 그런 다음 채도 그라데이션 포인터를 사용해 채도 수준을 선택합니다.
사용자 지정 색에 대해 HSL 또는 RGB 값을 입력합니다.
사용자 지정 색이 색/단색 상자에 표시됩니다.
다른 색을 만들려면 사용자 지정 색에 추가를 클릭하여 색을 사용자 지정 색 팔레트에 추가합니다. 그런 다음 2단계를 반복하여 다른 색을 만들면 됩니다.
확인을 클릭하여 페이지에서 선택한 페이지 요소에 색을 할당합니다.
참고
사용자 지정 색은 사용 중인 모니터의 디스플레이 설정을 사용하여 표시됩니다. 그러므로 다른 사용자의 모니터에서는 다르게 표시될 수 있습니다. 동일한(예측 가능한) 디스플레이 설정을 사용하는 사용자 그룹을 위해 디자인된 웹 프로젝트에서는 사용자 지정 색을 예약하여 사용할 수 있습니다.
스타일 적용 방법
페이지 요소에 CSS 규칙이 적용되어 있지 않으면 스타일 규칙은 인라인 스타일로 만들어집니다. 페이지 요소에 대해 CSS 스타일 규칙이 있는 경우에는 스타일 정보를 기존 스타일 규칙에 씁니다.
참고
인라인 스타일 규칙은 페이지의 style 요소에 있는 스타일 규칙이나 외부 CSS 파일에 있는 스타일 규칙을 재정의합니다.