선택한 색상을 중심으로 팔레트 / 색상 구성표를 작성하는 데 유용한 리소스 나 도구가 있습니까?


65

디자인의 구성, 흐름 및 선이 아무리 좋더라도 자연에서 직접 복사하지 않으면 적절한 색 구성표를 선택하기가 매우 어렵습니다. 너무 칙칙하거나 너무 화려하게 보입니다.

색상이 2 개 또는 3 개이고 색상이 충돌하지 않는 색상 구성표를 선택하는 데 도움이되는 유용한 자료가 있습니까?

특정 색이나 색 구성표를 찾고 있지 않습니다. 내가 필요한 것은 디자인에 사용되는 기본 색상에 상관없이 잘 어울리거나 좋은 악센트를 제공하는 색상을 선택하는 데 도움이되는 리소스입니다.


2
데비안 / 우분투 저장소에서 사용 가능한 Agave를 사용해 보셨습니까? 나는 이것을 위해 이것을 항상 사용합니다.
ixtmixilix

답변:


50

유용한 도구 중 하나는 Paletton (이전의 색 구성표 디자이너)입니다.

시작 색상과 색상 구성표 유형을 지정하면 색상 표가 생성되어 해당 색상 표를 수정할 수 있습니다.

이 도구의 좋은 점은 선택한 색상을 기준으로 다른 색상을 선택하는 방법을 볼 수 있다는 것입니다. 색상이 다른 종류의 색맹으로 어떻게 보이는지 시뮬레이션하는 도구도 있습니다.


다른 것들이 많이 있는데 , 그중 많은 것들이 내가 Paletton보다 좋아합니다
Zach Saucier

24

적어도 기본 원리, 예를 들어 기본 및 보조 색상, 보완 색상 등을 이해하려면 색상 이론에 대한 좋은 책을 읽어야합니다. 그렇지 않으면 팔레트 선택의 중요성을 얻지 못합니다. .

웹에서 내가 가장 좋아하는 순간은 Kuler of Adobe 입니다. 또한 이미 언급 한 http://colorschemedesigner.com/ 을 사용했습니다 .

색상의 연관성으로 인해 다른 배경의 색상이 다르게 보이는 느낌을주는 동시적이고 성공적인 대비 에 대해 간단히 읽어보십시오 .

당신이 나에게 묻지 않더라도 웹 사이트의 색상이 가독성과 대비가 좋은지 확인하는 것이 좋습니다 .http : //graybit.com/main.php


1
색상 이론에 대한 자세한 내용은 이전 stackexchange 질문을 확인하십시오. graphicdesign.stackexchange.com/questions/2/…
JamesHenare

Adobe Kuler ( color.adobe.com/create/color-wheel )도 인터페이스를 사용하기에 좋기 때문에 현재 가장 좋아하는 것입니다. 나는 보통 외모를 기준으로 도구를 판단하지 않지만, 다른 기능이 Adobe 제품 (내가 선택한 디자인 소프트웨어)과 통합하고 통합 할 수있는 모든 기능을 갖추었을 때 예쁜 도구를 사용할 수도 있습니다.

18

거기에는 많은 것이 있지만 여기에 내가 좋아하는 발전기가 있습니다. 대부분의 목록을 사용하면 지정한대로 자신의 색으로 입력 할 수 있습니다.

유명한 브랜드의 팔레트를 포함하여 사전 제작 된 팔레트를 제공하는 사이트도 있습니다

색상 코드를 얻을 수있는 그라디언트 조합을 제공하는 일부 사이트도 있습니다.

또는 AI Color Wheel 을 사용하여 AI가 일부 색상을 선택하도록 할 수 있습니다 .

여전히 색상 팔레트를 찾을 수없는 경우이 저장소 에는 추가 리소스가 있습니다.


또한 당겨 아래 차트 (보고 싶은 여기에서 일반적으로 가장 좋은 대비를 위의 그라데이션)의 상단에 (혼합 할 색상을 고려할 때 :

서로 차트와 대조되는 색상



7

가장 먼저 HSB 컬러 모델을 익 힙니다 . HSB는 다음을 통해 색상을 정의합니다.

  • 색조 : 색상의 종류 : 무지개에서 하나를 선택하십시오 (도 단위).
  • 채도 : 백색 첨가량의 역수 – 퍼센트;
  • 밝기 : 추가 된 검은 양의 역수 – 퍼센트.

일반적으로 기존 브랜드 색상을 샘플링하고 색조 값을 결정하는 것이 좋습니다. 처음에는 이러한 H 값을 고수하고 S와 B 값의 변화를 시작하십시오. 이것은 정의에 따라 기존 색상과 잘 조화되는 색상을 만듭니다.

실제로 대비되는 색상이 필요하고 다른 H 값을 사용하는 유일한 방법은 먼저 기존 색상의 H 값이 어떻게 관련되는지 확인하십시오. 그런 다음 해당 관계를 기반으로 새 색조를 만들 수 있습니다.

두 색이 180도 떨어져 있습니까? 그런 다음 두 가지 중 하나에 90 °를 추가하여 세 번째 색조를 만들어 작업 할 수 있습니다. 40도 떨어져 있습니까? 색상 값 중 하나에 40 °를 더하거나 다른 색상 에서 40 °를 빼서 아날로그 색상 설정 을 얻습니다 . 또는 두 H 값의 평균을 취한 다음 결과를 반전시켜 (180 °를 더하거나 빼면 360보다 작은 양수를 제공) 분할 보완 색상 설정 을 만듭니다 .

그런 다음 새로운 색조의 S 및 B 값으로 시작하십시오.

한 걸음 물러서서 결과가 기대에 미치지 않을 때 계산 한 H 값을 조정하는 것을 잊지 마십시오. 정확하게 계산 된 H 값은 훌륭하지만 도구 일뿐입니다. 미학적으로 더보기 좋게 만들기 위해 조금씩 수정하는 것을 망설이지 마십시오.


6

colourlovers.com에서 색 구성표를 구성하는 데 유용한 리소스를 찾았습니다. 그러나 대비와 조화를 사용하여 디자인을 향상시키는 도구로 더 나은 아이디어를 얻으려면 색상 이론을 읽어보십시오. 저는 Wucious Wung의 색상 디자인 원칙Josef Albers의 색상 상호 작용을 개인적으로 좋아했습니다.


색상의 상호 작용은 환상적인 입문서입니다! 나는 매번 그것을 읽은 다음 내 색 이론을 정리하려고합니다.
Plainclothes


4

일반적으로, 색상 피커를 사용하여 작업중인 그림에서 직접 색상을 선택합니다. 그렇게하면 색상이 일치 할 것입니다. 프로젝트에 많은 시간을 할애하지 않으면 쉽고 빠릅니다.




2

숨겨진 팔레트라고 생각되는 색상 팔레트를 만드는 놀라운 도구 중 하나는 Adobe Capture CC입니다. Adobe Live 스트림 이벤트를 보면서 발견했습니다.

카메라로 찍은 사진의 색상 팔레트를 자동으로 생성하는 iOS 및 Android 모두에서 사용할 수있는 무료 앱입니다.

공원에서 산책하거나 박물관을 방문하거나 채색 적으로 인상적인 광경을 발견하면 몇 분 안에 해당 색상 팔레트를 얻을 수 있습니다.

응용 프로그램은 또한 종이 스케치를 벡터로 직접 전환하는 기능을 제공합니다. 종이에 그림을 그리고 사진과 짜잔을 찍습니다. 더 이상 펜 도구로 사진을 가져오고 추적하지 않아도됩니다.

모두가 확인하도록 권장합니다!


1

색상을 선택할 때 아래에 나와있는 유용한 리소스가 있습니다.

  • Colormind가있는 AI : AI와 "좋은"디자인 / 아트 워크 / 인쇄 샘플을 사용하여 색상 조합을 생성하는 도구입니다. 또한 자신의 색상을 제공하고 보완적인 색상을 생성 할 수 있습니다. http://colormind.io/

  • 구조화 된 규칙 : HSB 및 기타 접근 / 이론에 대한 다른 많은 좋은 답변. 이 페이지는 그것을 수행하는 방법에 대한 명확한 규칙과 괜찮은 결과를 가지고 있습니다. https://tallys.github.io/color-theory/


0

http://colorsupplyyy.com을 확인하는 것이 좋습니다. 색상 생성을위한 훌륭한 도구이며 전 세계 최고의 디자이너의 색상 팔레트를 사용합니다!


의견을 보내 주셔서 감사합니다. GD.SE에 오신 것을 환영합니다. 귀하의 답변이 스팸에 대한 플래그를 끌어 들인 것이 유감입니다. 우리는 스팸이 쏟아져 들어 왔으며, 커뮤니티는 원격에서 보이는 것처럼 보이는 것을 열심히 막고 있습니다. 이 도구를 좋아하는 이유를 조금 더 설명하고 해당 도구와 관련이 없음을 분명히 밝히면 게시물이 많이 향상 될 것입니다. 노력해 주셔서 감사합니다! 사이트에 대한 질문이 있으면 도움말 센터를 살펴보십시오 . 계속 기여하고 사이트를 즐기십시오!
Vincent

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.