서로 맞는 색상을 선택하는 방법은 무엇입니까?


9

이 로고의 색상을 보면 색상이 서로 일치하는 것이 분명합니다.

같은 색 구성표와 일치하는 주황색과 자주색을 어떻게 찾을 수 있습니까?

'R'의 색상이 노란색이라고 가정합니다.

여기에 이미지 설명을 입력하십시오


DMC Inc의 User Interface Designer가 작성한이 블로그 게시물은 색상과 코드 번호가 포함 된 다운로드 가능한 pdf를 제공합니다. 읽을 수있는 색상 표에 대한 제안도 제공합니다. dmcinfo.com/latest-thinking/blog/id/8840/…
Jac B

답변:


11

Photoshop과 같은 앱에서 색상 선택기를 사용하기 만하면됩니다. H 또는 Hue 옵션을 사용하도록 대화 상자를 설정하고 시작 색상을 찾으십시오. 그런 다음 비슷한 값의 색상을 얻으려면 슬라이더를 색상 막대 위 아래로 이동하십시오. 이렇게하면 채도와 밝기가 동일하게 유지되고 색조 값만 변경됩니다. 큰 색상 창에서 원을 이동하지 마십시오.

여기에 이미지 설명을 입력하십시오

Color Lovers 또는 Adobe의 Kuler 와 같은 색상 으로 재생할 수있는 다른 장소도 있습니다


15

"match"와 "harmonize"를 혼동하지 마십시오. 큰 차이가 있습니다.

이 색상이 일치 하지 않습니다 ( 동일 하지 않습니다 ). 그들은 조화를 이룹니다 . 차이점과 내 대답 (내가 약속 할 것입니다 !) 을 이해하려면 색상이 무엇인지 약간 우회 해야합니다 .

색을 기술에 대한 가장 불행한 것 중 하나는 기술적 인 의미를 가진 주요 용어가된다는 것입니다 또한 이 혼동하기 쉬운, 그래서 일반적인 연설과 디자인의 세계에서 모두 매우 느슨하게 사용. 그것은 한 번에 나에게 지옥을 혼란스럽게 했으므로 혼자있는 것처럼 느끼지 마십시오.

다음은 스케치, 색상, 영국 철자법 및 모두에 대한 매우 간략한 소개입니다.

나는 지금부터 단어 을 매우 구체적인 의미로 사용할 것입니다 : 눈에 의해 빛에 의해 생성되거나, 특정 안료에서 반사되거나 조명 원에서 직접 관찰되고 관찰자가 인식하는 결합 된 감각 . 그것은 "당신이 '컬러'라고 부르는 것을 본다"고 말하는 긴 바람의 방식입니다. "체리 레드"또는 "애플 그린"이라고 말하거나 페인트 공급 업체에서 "Ipsum Studios의 최신 패션 컬러 인 Booger Green"이라고 말합니다. 당신은 우리가 거기서 멈출 수 있다고 생각할 것이지만, 그것은 전체 이야기가 아닙니다. 그들이 페이스 북에서 말하는 것처럼 "복잡하다."

  • 색조 는 "빨간색"또는 "녹색-노란색"또는 "차트 레즈"로 인식되는 품질입니다. 일반적으로 "color"라는 단어는 종종 "hue"로 대체되고 그 반대의 경우도 있지만 디자이너에게는 색상색조채도값의 두 가지 특성으로 구성 됩니다.

  • 채도 는 흰색을 추가하여 "색조"또는 검은 색을 부여하고 "음영"또는 "톤"을 부여하여 페인트에서 생성 된 주어진 색상 의 색조 가 "순수"또는 "강도"를 나타 냅니다 . 흰색을 추가하여 빨간색의 채도를 줄이면 분홍색이됩니다. 빨간색에 검은 색을 추가하면 부르고뉴가됩니다.

  • 은 색조와 무관하며 채도와 별도로 고려되는 색상의 상대적 명암입니다. 하늘색 또는 진한 파란색은 여전히 파란색 입니다. 디자인 작업에서 대부분의 목적 상 Brightness 는 Value의 동의어입니다.

색상을 기술적으로 설명하는 다른 방법이 있지만 여기서 제가 제공하는 방법은 그래픽 디자인 분야에서 가장 자주 사용되는 방법이며 Photoshop, Illustrator 및 InDesign에 내장되어있어 손을 쉽게 get 수 있습니다. 그것에 대한 경험.

구체적인 예를 들어 봅시다. Photoshop 색상 피커를 열고 H (색조) 필드에 56을 입력합니다. 작은 색상 원을 패널의 오른쪽 상단으로 끕니다.

순수한 노랑

이 "Pure Yellow"또는 "Buttercup"또는 원하는 것을 호출하십시오. 이것은 완전히 포화 된 (더 강렬해질 수 없으며) 갈 수있는 한 밝은 노랑입니다 . S (채도) 및 B (밝기) 필드는 모두 "100 %"입니다.

확인을 클릭 한 다음 색상 선택기를 다시여십시오. S 필드를 50 %로 변경하십시오. 색상을 변경하고, 그것이 얻을 수있는 밝은으로 아직하지 않은; 채도 만 변경되었습니다. 우리 미나리가 이제 뭐야? -앵초 일 수도 있습니다. S를 다시 100 %로 설정 한 다음 B 필드에 50을 입력하십시오. 이제 우리는 갈색입니다. 우리는 서로 다른이 색상을 하지만, 색상은 여전히 변경되지 않은 및 강도 또는 채도를 증가 할 수 없습니다. 이것으로 조금 놀아보십시오. 색상 조화를 이해하는 데 필수적이므로 친숙 해지십시오.

당신은 왜이 색상들이 조화를 이루는 것처럼 보이는지 묻고있었습니다.

색상 하모니 는 그 자체가 주제이며, 디자이너로서 이해해야합니다. (더 나은 호출 할 수있는 색상 이 더 색상에 대한보다 색상에 대한 때문에, 조화를.)이 경우에는 두 쌍의가 보완 색조, 그들은이의 반대편에 일치하기 때문에 소위 컬러 휠 . 이 특정 사례는 4 개의 선택된 색조가 바퀴에 균등 간격을두고 "이중 조화"를 생성하기 때문에 4 차 또는 "사각"조화로 알려져 있습니다.

이 색상에 Photoshop의 스포이드를 사용하면 완전히 채색되지 않은 것을 볼 수 있습니다. 색상의 채도를 낮추면 일반적으로 충돌하는 색상 (편안하기에는 대비가 너무 큼)이 더 평화롭게 공존 할 수 있습니다. 이 경우 채도 값이 비슷한 색상을 사용하면 색상 을 조화시키는 데 도움이됩니다. Ctl / Cmd-Shift-U 이미지의 채도를 완전히 낮추면 무슨 뜻인지 알 수 있습니다.

발문:

이것은 조금 길지만 필요한 모든 배경을 다루지 않고 대답을하지 않았다고 생각합니다. 어쨌든 당신이 너무 지루하지 않았기를 바랍니다.

John McWade의 " Before and After "잡지 를 구독하는 것이 좋지만 언제든지 작업에 사용할 컬러 휠 PDF 를 다운로드 하십시오.

컬러 휠의 작동 방식에 대한 기본 지식과 기본 색상 이론에 대한 이해가 있으면 Kuler와 같은 리소스가 훨씬 더 유용하다는 것을 알게 될 것입니다.


훌륭한 답변, 앨런 또한 Ipsum Studios는 Crunchy Yellow, Nasal Dairy Spray 및 I 'm Clearly Stuck On You (반투명 투명 유약)를 포함하여 2012 년에 6 가지 새로운 Booger 변형을 출시하고 있음을 알아야합니다.
Lauren-Clear-Monica-Ipsum

1
와! 못 기다리 겠어. 아직도 내 뛰는 내 마음! :-D
Alan Gilbertson
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.