전경색과 배경색 정보

Photoshop은 전경색을 사용하여 선택 영역에 페인팅, 칠, 테두리 획 그리기 등의 작업을 수행하고 배경색을 사용하여 이미지의 지워진 영역에 그레이디언트 칠과 칠 작업을 수행합니다. 또한 전경색과 배경색을 특수 효과 필터에 사용하기도 합니다.

[스포이드 도구], [색상] 패널, [색상 견본] 패널 또는 Adobe [색상 피커]를 사용하여 새 전경색이나 배경색을 지정할 수 있습니다.

기본 전경색은 검정색이고 기본 배경색은 흰색입니다. 알파 채널에서는 기본 전경색이 흰색이고 배경색이 검정색입니다.

비디오 팁 | 색상 피커 단축키 만들기

비디오 팁 | 색상 피커 단축키 만들기
Scott Kelby

도구 상자에서 색상 선택

현재 전경색은 도구 상자에서 위쪽 색상 선택 상자에 나타나고 현재 배경색은 아래쪽 상자에 나타납니다.

도구 상자의 전경색과 배경색 상자
도구 상자의 전경색과 배경색 상자

A. 기본 전경색과 배경색 아이콘 B. 전경색과 배경색 전환 아이콘 C. 전경색 설정 상자 D. 배경색 설정 상자 
  • 전경색을 변경하려면 도구 상자에서 위쪽 색상 선택 상자를 클릭한 다음 Adobe [색상 피커]에서 색상을 선택합니다.
  • 배경색을 변경하려면 도구 상자에서 아래쪽 색상 선택 상자를 클릭한 다음 Adobe [색상 피커]에서 색상을 선택합니다.
  • 전경색과 배경색을 반전시키려면 도구 상자에서 [전경색과 배경색 전환] 아이콘을 클릭합니다.
  • 기본 전경색과 배경색을 복원하려면 도구 상자에서 [기본 전경색과 배경색] 아이콘을 클릭합니다.

스포이드 도구로 색상 선택

[스포이드 도구]는 이미지에서 색상을 샘플링하여 새 전경색이나 배경색을 지정합니다. 활성 이미지나 화면의 모든 곳에서 색상을 샘플링할 수 있습니다.

  1. [스포이드 도구] 를 선택합니다.
  2. 옵션 막대의 [샘플 크기] 메뉴에서 옵션을 선택하여 스포이드의 샘플 크기를 변경합니다.

    포인트 샘플

    클릭한 픽셀의 정확한 값을 읽습니다.

    3 x 3 평균값, 5 x 5 평균값, 11 x 11 평균값, 31 x 31 평균값, 51 x 51 평균값, 101 x 101 평균값

    클릭한 영역 내에 있는 지정한 픽셀 수의 평균 값을 읽습니다.

    Photoshop 스포이드 도구
    스포이드 도구로 전경색 선택

  3. [샘플] 메뉴에서 다음 중 하나를 선택합니다.

    모든 레이어

    문서에 있는 모든 레이어의 색상을 샘플링합니다.

    현재 레이어

    현재 활성 레이어의 색상을 샘플링합니다.

  4. 현재 전경색 위에 샘플 색상을 미리 보여주는 링으로 스포이드 도구의 둘레를 돌게 하려면 [샘플링 링 표시]를 선택합니다. (이 옵션은 OpenGL이 필요합니다. OpenGL 사용 및 GPU 설정 최적화를 참조하십시오.)
  5. 다음 중 하나를 수행합니다.
    • 새 전경색을 선택하려면 이미지 내부를 클릭합니다. 또는 이미지 위에 포인터를 놓고 마우스 단추를 누른 다음 화면의 임의의 위치로 드래그합니다. 드래그하는 위치에 따라 전경색 선택 상자가 변화합니다. 마우스 단추를 놓으면 새 색상이 선택됩니다.

    • 새 배경색을 선택하려면 Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 채 이미지 내부를 클릭합니다. 또는 이미지 위에 포인터를 놓고 Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 채 마우스 단추를 누른 다음 화면의 임의의 위치로 드래그합니다. 드래그하는 위치에 따라 배경색 선택 상자가 변화합니다. 마우스 단추를 놓으면 새 색상이 선택됩니다.

    참고:

    페인팅 도구를 사용하는 동안 [스포이드] 도구를 임시로 사용하여 전경색을 선택하려면 Alt 키(Windows) 또는 Option 키(Mac OS)를 누릅니다.

Adobe 색상 피커 개요

Adobe [색상 피커]에서는 HSB, RGB, Lab, CMYK의 네 가지 색상 모델을 사용하여 색상을 선택합니다. 또한 Adobe [색상 피커]를 사용하여 전경색, 배경색 및 텍스트 색상을 설정합니다. 여러 도구, 명령 및 옵션의 대상 색상을 설정할 수도 있습니다.

Adobe 색상 피커를 구성하여 웹에 적합한 팔레트에 속한 색상만 선택하거나 특정 색상 시스템에 속한 색상만 선택할 수도 있습니다. 또한 HDR(High Dynamic Range) 피커에 액세스하여 HDR 이미지에 사용할 색상을 선택할 수도 있습니다.

Adobe [색상 피커]의 [색상] 필드에는 HSB 색상 모드, RGB 색상 모드 및 Lab 색상 모드로 색상 구성 요소가 표시됩니다. 원하는 색상의 숫자 값을 알고 있는 경우 텍스트 필드에 해당 값을 입력할 수 있습니다. 또한 색상 슬라이더와 색상 필드를 사용하여 선택할 색상을 미리 볼 수 있습니다. 색상 필드와 색상 슬라이더를 사용하여 색상을 조정하면 숫자 값이 같이 조정됩니다. 색상 슬라이더 오른쪽에 있는 색상 상자의 윗부분에는 조정된 색상이 표시되고 아랫부분에는 원래 색이 표시됩니다. 색상이 웹에 적합하지 않거나 인쇄 색상 영역을 벗어날(인쇄 불가능) 경우 경고가 나타납니다.

Photoshop 색상 피커
Adobe 색상 피커

A. 선택한 색상 B. 원래 색상 C. 조정된 색상 D. 색상 영역 벗어남 경고 아이콘 E. 웹에 적합하지 않은 색상용 경고 아이콘 F. 웹에 적합한 색상만 표시 G. 색상 필드 H. 색상 슬라이더 I. 색상 값 

참고:

Adobe [색상 피커]에서 색상을 선택하면 HSB, RGB, Lab, CMYK 및 16진수 숫자 값이 동시에 표시됩니다. 이러한 기능은 하나의 색상이 여러 색상 모델에서 어떻게 나타나는지 확인할 때 유용합니다.

Photoshop에서는 기본적으로 Adobe [색상 피커]가 사용되지만 환경 설정을 통해 다른 [색상 피커]를 사용할 수 있습니다. 예를 들어, 컴퓨터 운영 체제의 내장 색상 피커나 타사의 플러그인 [색상 피커]를 사용할 수 있습니다.

색상 피커 표시

  • 도구 상자에서 전경색 또는 배경색 선택 상자를 클릭합니다.
  • [색상] 패널에서 전경색 설정 또는 배경색 설정 선택 상자를 클릭합니다.

    특정 기능을 통해 색상을 선택할 때 색상 피커를 사용할 수도 있습니다. 일부 도구에 대한 옵션 막대에서 색상 견본을 클릭하거나 일부 색상 조정 대화 상자에서 스포이드를 클릭하는 경우를 예로 들 수 있습니다.

Adobe 색상 피커를 사용하여 색상 선택

[HSB], [RGB] 및 [Lab] 텍스트 상자에 색상 구성 요소 값을 입력하거나 색상 슬라이더와 색상 필드를 사용하여 색상을 선택할 수 있습니다.

색상 슬라이더와 색상 필드로 색상을 선택하려면 색상 슬라이더를 클릭하거나 색상 슬라이더 삼각 핸들을 이동하여 하나의 색상 구성 요소를 설정합니다. 그런 다음 원형 표시자를 이동하거나 색상 필드를 클릭합니다. 이렇게 하면 다른 두 가지 색상 구성 요소가 설정됩니다.

색상 필드와 색상 슬라이더를 사용하여 색상을 조정하면 다른 색상 모델의 숫자 값도 같이 조정됩니다. 색상 슬라이더 오른쪽에 있는 상자의 윗부분에는 새 색상이 표시되고 아랫부분에는 원래 색이 표시됩니다. 색상이 웹에 적합하지 않거나 색상 영역을 벗어나면 경고 가 나타납니다.

참고:

Adobe [색상 피커] 창 외부의 색상을 선택할 수도 있습니다. 포인터를 문서 창 위로 이동하면 포인터 모양이 [스포이드 도구]로 바뀝니다. 그러면 이미지를 클릭하여 색상을 선택할 수 있습니다. 선택한 색상이 Adobe [색상 피커]에 표시됩니다. 이미지를 클릭한 다음 마우스 단추를 누른 채 움직이면 [스포이드 도구]를 데스크탑의 어느 위치로든 이동할 수 있습니다. 마우스 단추를 놓으면 색상이 선택됩니다.

HSB 모델을 사용하여 색상 선택

HSB 색상 모델을 사용할 경우 색조는 색상환상의 위치에 해당하는 0°에서 360° 사이의 각도로 색상 필드에 지정하고 채도와 명도는 백분율로 지정합니다. 색상 필드에서는 왼쪽에서 오른쪽으로 갈수록 색조와 채도가 증가하고 아래쪽에서 위쪽으로 갈수록 명도가 증가합니다.

  1. Adobe [색상 피커]에서 H 옵션을 선택하고 [H] 텍스트 상자에 숫자 값을 입력하거나 색상 슬라이더에서 색조를 선택합니다.
  2. 색상 필드를 클릭하고 원형 표시자를 이동하거나 [S] 및[B] 텍스트 상자에 숫자 값을 입력하여 채도와 명도를 조정합니다.
  3. (선택 사항) S 옵션이나 B 옵션을 선택하여 추가 조정을 위해 색상 필드에 색상의 채도나 명도를 표시합니다.

RGB 모델을 사용하여 색상 선택

빨강, 녹색 및 파랑 구성 요소를 지정하여 색상을 선택합니다.

  1. Adobe [색상 피커]에서 [R], [G] 및 [B] 텍스트 상자에 숫자 값을 입력합니다. 0에서 255까지의 구성 요소 값을 지정합니다. 0은 무색이고 255는 순색입니다.
  2. 색상 슬라이더와 색상 필드를 사용하여 육안으로 색상을 선택하려면 [R], [G] 또는 [B]를 클릭하고 슬라이더와 색상 필드를 조정합니다.

    클릭하는 색이 색상 슬라이더에 나타납니다. 이때 맨 아래쪽의 구성 요소 값은 0(해당 색상 없음)이고 맨 위쪽의 구성 요소 값은 255(해당 색상의 최대 양)입니다. 다른 두 가지 색상 구성 요소의 범위는 색상 필드의 가로 축과 세로 축에 각각 표시됩니다.

Lab 모델을 사용하여 색상 선택

Lab 색상 모델을 기초로 색상을 선택할 때 L 값은 색상의 광도를 지정합니다. a 값은 색상의 빨강 레벨 또는 녹색 레벨을 지정합니다. b 값은 색상의 파랑 레벨 또는 노랑 레벨을 지정합니다.

  1. Adobe [색상 피커]에서 L(0 ~ 100) 값과 A 및 B(-128 ~ +127) 값을 입력합니다.
  2. (선택 사항) 색상 슬라이더나 색상 필드를 사용하여 색상을 조정합니다.

CMYK 모델을 사용하여 색상 선택

청록, 자홍, 노랑, 검정의 백분율로 각 구성 요소 값을 지정하여 색상을 선택할 수 있습니다.

  1. Adobe [색상 피커]에서 C, M, Y 및 K의 백분율 값을 입력하거나 색상 슬라이더와 색상 필드를 사용하여 색상을 선택합니다.

16진수 값을 지정하여 색상 선택

색상의 R, G 및 B 구성 요소를 정의하는 16진수 값을 지정하여 색상을 선택할 수 있습니다. 세 쌍의 숫자는 00(최소 광도)에서 ff(최대 광도)까지의 값으로 표현됩니다. 예를 들어, 000000은 검정이고 ffffff는 흰색이고 ff0000은 빨강입니다.

  1. Adobe [색상 피커]에서 [#] 텍스트 상자에 16진수 값을 입력합니다.

페인팅 중에 색상 선택

HUD(heads-up-display) 색상 피커를 사용하면 이미지 색상을 통해 유용한 문맥을 알 수 있는 문서 창에서 페인팅 중에 색상을 선택할 수 있습니다.

참고:

HUD 색상 피커를 사용하려면 OpenGL이 필요합니다. (OpenGL 사용 및 GPU 설정 최적화를 참조하십시오.)

HUD 색상 피커의 유형 선택

  1. [편집] > [환경 설정] > [일반](Windows) 또는 [Photoshop] > [환경 설정] > [일반](Mac OS)을 선택합니다.

  2. [HUD 색상 피커] 메뉴에서 수직 피커를 표시하려면 [색조 띠]를 선택하고 원형 피커를 표시하려면 [색조 휠]을 선택합니다.

HUD 색상 피커에서 색상 선택

  1. [페인트 도구]를 선택합니다.

  2. Shift + Alt + 마우스 오른쪽 단추(Windows) 또는 Control + Option + Command(Mac OS) 키를 누릅니다.

  3. 문서 창에서 클릭하여 피커를 표시합니다. 그런 다음 색조 및 음영을 드래그합니다.

    참고:

    문서 창에서 클릭한 다음 누른 키를 놓습니다. 다른 색조를 선택하는 동안 음영을 유지하거나 그 반대로 하려면 일시적으로 스페이스바를 누릅니다.

Photoshop HUD 피커
HUD 피커를 사용한 색상 선택

A. 음영 B. 색조 

참고:

대신 이미지에서 색상을 선택하려면 Alt(Windows) 또는 옵션(Mac OS) 키를 누른 채 [스포이드 도구]에 액세스합니다.

웹에 적합한 색상 선택

웹에 적합한 색상이란 플랫폼에 관계없이 브라우저에서 사용하는 216 색상을 가리킵니다. 브라우저에서 이미지를 8비트 화면에 표시하면 모든 색상이 웹에 적합한 색상으로 바뀝니다. 216 색상은 Mac OS 8비트 색상 팔레트의 하위 세트입니다. 이 색상들만 사용하면, 256 색상을 표시하도록 설정된 시스템에서 웹용으로 제작하는 이미지가 디더링되지 않습니다.

Adobe 색상 피커에서 웹에 적합한 색상 선택

  1. [Adobe 색상 피커]의 왼쪽 아래에서 [웹 색상 전용] 옵션을 선택합니다. 이 옵션을 적용한 다음 선택하는 모든 색상은 웹에 적합한 색상입니다.

웹에 적합한 색상으로 웹에 적합하지 않은 색상 변경

웹에 적합하지 않은 색상을 선택하면 Adobe [색상 피커]의 색상 사각형 옆에 경고 육면체 가 나타납니다.

  1. 경고 육면체를 클릭하여 가장 가까운 웹 색상을 선택합니다. 경고 육면체가 나타나지 않으면 선택한 색상은 웹에 적합한 색상입니다.

색상 패널을 사용하여 웹에 적합한 색상 선택

  1. [색상] 패널 탭을 클릭하거나 [창] > [색상]을 선택하여 [색상] 패널을 표시합니다.
  2. 웹에 적합한 색상을 선택하는 데 필요한 옵션을 선택합니다.
    • [색상] 패널 메뉴에서 [웹에 적합한 경사도 만들기]를 선택합니다. 이 옵션을 적용한 다음 선택하는 모든 색상은 웹에 적합한 색상입니다.

    • [색상] 패널 메뉴에서 [웹 색상 슬라이더]를 선택합니다. 기본적으로, [웹 색상 슬라이더]를 드래그하면 웹에 적합한 색상(눈금으로 표시)에 스냅합니다. 웹에 적합한 색상 선택을 무시하려면 Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 채 슬라이더를 드래그합니다.

    웹에 적합하지 않은 색상을 선택하면 [색상] 패널 왼쪽의 색상 경사도 위에 경고 육면체 가 나타납니다. 경고 육면체를 클릭하여 가장 가까운 웹 색상을 선택합니다.

인쇄 불가능한 색상에 대한 해당 CMYK 색상 선택

RGB, HSB, Lab 색상 모델의 일부 색상은 색상 영역을 벗어나고 CMYK 모델에 해당하는 색상이 없으므로 인쇄할 수 없습니다. Adobe [색상 피커]나 [색상] 패널에서 인쇄 불가능한 색상을 선택하면 경고 삼각형이 나타나고 삼각형 아래의 색상 견본에 가장 근접한 해당 CMYK 색상이 표시됩니다.

참고:

[웹 색상 슬라이더]를 사용할 경우에는 [색상] 패널에서 경고 삼각형이 나타나지 않습니다.

  1. 가장 근접한 해당 CMYK 색상을 선택하려면 [색상 피커] 대화 상자나 [색상] 패널에서 경고 삼각형 을 클릭합니다.

    인쇄 가능한 색상은 색상 설정 대화 상자에 정의된 현재 CMYK 작업 영역에 따라 결정됩니다.

별색 선택

Adobe [색상 피커]를 사용하여 PANTONE MATCHING SYSTEM®, Trumatch® Swatching System™, Focoltone® Colour System, Toyo Color Finder™ 1050 시스템, ANPA-Color™ 시스템, HKS® 색상 시스템 및 DIC 색상 안내에서 색상을 선택할 수 있습니다.

최종 출력물이 원하는 색상으로 인쇄되게 하려면 프린터 또는 서비스 기관에 문의하여 인쇄한 색상 견본을 기준으로 색상을 선택하십시오. 제조업체에서는 매년 새 색상 견본집을 구입하여 색상이 바랜 잉크와 기타 손상을 보정하는 것이 좋다고 합니다.

참고:

별색은 [이중톤]을 제외한 모든 이미지 모드에서 CMYK(원색) 플레이트로 인쇄됩니다. 트루 칼라 별색 플레이트를 인쇄하려면 별색 채널을 만듭니다.

  1. Adobe [색상 피커]를 열고 [색상 라이브러리]를 클릭합니다.

    [사용자 정의 색상] 대화 상자에 Adobe [색상 피커]에서 현재 선택한 색상에 가장 가까운 색상이 표시됩니다.

  2. [색상책]에서 색상 라이브러리를 선택합니다. 색상 라이브러리에 대한 설명은 아래를 참조하십시오.
  3. 잉크 번호를 입력하거나 스크롤 막대를 따라 삼각형을 드래그하여 원하는 색상을 찾습니다.
  4. 목록에서 원하는 색상을 클릭합니다.

별색 라이브러리

Adobe [색상 피커]에서는 다음과 같은 색상 시스템을 지원합니다.

ANPA-COLOR

일반적으로 신문 응용 프로그램에 사용합니다. ANPA-COLOR ROP Newspaper Color Ink Book에는 ANPA 색상 샘플이 들어 있습니다.

DIC 색상 안내

일반적으로 일본에서 프로젝트 인쇄에 사용합니다. 자세한 내용은 일본 도쿄에 소재한 Dainippon Ink & Chemicals, Inc.에 문의하십시오.

FOCOLTONE

763가지의 CMYK 색상으로 구성됩니다. FOCOLTONE 색상은 색상을 구성하는 중복 인쇄를 표시하여 시험 인쇄 시 트랩 및 등록 문제가 발생하는 것을 방지할 수 있습니다. FOCOLTONE에서는 원색과 별색에 대한 사양이 들어 있는 색상 견본집, 중복 인쇄 차트 및 레이아웃 표시용 소책자를 제공합니다. 자세한 내용은 영국의 Stafford에 소재한 Focoltone International, Ltd.에 문의하십시오.

HKS 색상 견본

유럽에서 프로젝트 인쇄에 사용합니다. 각 색상에는 상응하는 CMYK 색상이 지정되어 있으며 HKS E(연속 인쇄 용지용), HKS K(광택 아트지용), HKS N(천연 종이용), HKS Z(신문 용지용) 중에서 선택할 수 있습니다. 각 등급의 색상 샘플러도 구입할 수 있습니다. HKS Process 책자와 색상 견본이 색상 시스템 메뉴에 추가되었습니다.

PANTONE®

색상은 별색 재현에 사용됩니다. PANTONE MATCHING SYSTEM은 1114개 색상을 렌더링할 수 있습니다. Pantone 색상 안내서와 소책자는 인쇄 결과를 보다 정확하게 시각화하고 인쇄기를 더 세밀하게 조절할 수 있도록 코팅 용지, 코팅되지 않은 용지 및 매트지에 인쇄되어 제공됩니다. Pantone 단색을 CMYK 모드로 인쇄할 수 있습니다. PANTONE 단색을 대응하는 가장 가까운 원색과 비교해 보려면 PANTONE solid to process 안내서를 참조하십시오. CMYK 스크린 색조 비율은 각 색상으로 인쇄됩니다. 자세한 내용은 미국 뉴저지주의 Carlstadt에 소재한 Pantone, Inc.(www.pantone.com)에 문의하십시오.

TOYO Color Finder 1050

일본에서 가장 일반적으로 사용되는 인쇄용 잉크를 기반으로 한 1,000가지 이상의 색상으로 구성됩니다. TOYO Process Color Finder 및 색상 견본이 색상 시스템 메뉴에 추가되었습니다. TOYO Color Finder 1050 Book에는 인쇄된 Toyo 색상 샘플이 들어 있으며 프린터 및 그래픽 아트 용품점에서 구할 수 있습니다. 자세한 내용은 일본 도쿄에 소재한 Toyo Ink Manufacturing Co., Ltd.에 문의하십시오.

TRUMATCH

컴퓨터에서 생성되는 2,000가지 이상의 저장 가능한 색상과 일치하는 예측 가능한 CMYK 색상을 제공합니다. Trumatch 색상은 CMYK 색상 영역의 가시 스펙트럼을 균일한 단계로 표시할 수 있습니다. Trumatch Color는 최대 40가지 색조와 각 색조의 음영을 표시합니다. 각 색조와 음영은 4색 배합으로 만들어졌으며 전자 이미지세터에서 4색으로 재현할 수 있습니다. 또한 색조가 각기 다른 네 가지 색상의 회색이 포함되어 있습니다. 자세한 내용은 미국 뉴욕에 소재한 Trumatch Inc.에 문의하십시오.

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

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