이 항목을 통해 Dreamweaver에서 색상 피커와 Web Safe 색상을 사용하는 방법을 살펴보시기 바랍니다.

Web Safe 색상

HTML에서는 색상이 16진수 값(예: #FF0000) 또는 색상 이름(red)으로 표현됩니다. 웹에 적합한 색상이란 256‑색상 모드를 실행할 때 Windows와 Macintosh 시스템의 Safari와 Microsoft Internet Explorer에서 동일하게 나타나는 색상을 말합니다. 일반적으로, 216개의 공통 색상이 있으며 00, 33, 66, 99, CC, FF(RGB 값으로 각각 0, 51, 102, 153, 204, 255) 쌍을 결합한 16진수 값은 모두 Web Safe 색상을 나타냅니다.

그러나 실제로 테스트해 보면 Windows에서 Internet Explorer가 #0033FF(0,51,255), #3300FF(51,0,255), #00FF33(0,255,51), #33FF00(51,255,0)에 해당하는 색상을 정확하게 렌더링하지 못하므로 전체 216개 색상 중 212개 색상만 Web Safe 색상으로 사용됩니다.

웹 브라우저가 처음 선보일 당시에는 대부분의 컴퓨터가 256색상(8bpc 즉, 채널당 8비트)만 표시할 수 있었습니다. 오늘날에는 대부분의 컴퓨터가 수천 또는 수백만 개의 색상(16bpc 및 32bpc)을 표시할 수 있으므로 이러한 컴퓨터 시스템 사용자를 대상으로 하는 사이트를 개발할 경우 브라우저 안전 팔레트에 맞게 조정할 필요가 거의 없습니다.

PDA 및 휴대폰 디스플레이 등의 대체 웹 장치를 대상으로 개발하는 경우 Web Safe 색상 팔레트를 사용합니다. 이러한 장치는 대부분 흑백(1bpc) 또는 256색상(8bpc) 디스플레이만 제공합니다.

Dreamweaver의 [색상 큐브](기본값)와 [연속톤] 팔레트에서는 216 색상의 웹 안전 팔레트를 사용합니다. 이 팔레트에서 색상을 선택하면 해당 색의 16진수 값이 표시됩니다.

Web Safe 색상 이외의 색상을 선택하려면 Dreamweaver 색상 피커의 오른쪽 위 모서리에 있는 [색상환] 버튼을 클릭하여 시스템 색상 피커를 엽니다. 시스템 색상 피커에서는 Web Safe 색상 이외의 다른 색상도 선택할 수 있습니다.

브라우저의 UNIX 버전에서는 Windows 또는 Macintosh 버전과 다른 색상 팔레트를 사용합니다. UNIX 브라우저 전용으로 개발 중이거나, 24bpc 모니터를 사용하는 Windows 또는 Macintosh 사용자나 8bpc 모니터를 사용하는 UNIX 사용자를 대상으로 하는 경우에는, SunOS용 Web Safe 색상을 표현하는 00, 40, 80, BF, FF 쌍으로 구성된 16진수 값을 사용해 보십시오.

색상 피커 사용

Dreamweaver에서 대부분의 페이지 요소에 대한 속성 관리자와 대부분의 대화 상자에는 색상 피커를 열 수 있는 색상 상자가 있습니다. 색상 피커를 사용하여 페이지 요소의 색상을 선택합니다. 페이지 요소의 기본 텍스트 색상을 설정할 수도 있습니다.

  1. 대화 상자 또는 속성 관리자에서 색상 상자를 클릭합니다.

    색상 피커가 나타납니다.

  2. 다음 중 하나를 수행합니다.
    • 스포이드를 사용하여 팔레트에서 색상 견본을 선택합니다. [색상 큐브](기본값)와 [연속톤] 팔레트에 있는 모든 색상은 Web Safe 색상이고 다른 팔레트에 있는 색상은 Web Safe 색상이 아닙니다.

    • 스포이드를 사용하여 화면의 아무 곳에서나 색상을 선택합니다. Dreamweaver 창 밖에서 색상을 선택해도 됩니다. 바탕 화면이나 다른 응용 프로그램에서 색상을 선택할 경우 마우스 버튼을 누른 채로 유지합니다. 그러면 포커스가 스포이드에 그대로 맞춰지게 되므로 Dreamweaver 외부에서 색상을 선택할 수 있습니다. 바탕 화면이나 다른 응용 프로그램을 클릭하면 Dreamweaver에서 클릭한 지점의 색상을 선택합니다. 하지만 다른 응용 프로그램으로 전환한 경우 Dreamweaver 창을 클릭해야 Dreamweaver에서 계속 작업할 수 있습니다.

    • 여러 색상 모델 중 하나를 클릭한 다음 색상 피커 대화 상자의 아래쪽 HEX 또는 RGBa 또는 HSLa를 클릭합니다.

    • 다른 색상을 선택하지 않고 현재 색상을 지우려면 [기본 색상] 버튼 을 클릭합니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책