멋진 색상 조합 치트 시트. 색상환 색상 선택

  • 04.03.2020

색상 일치는 좋은 디자인을 만드는 과정에서 가장 중요한 단계 중 하나입니다.

당신을 더 쉽게 만들기 위해 우리는 색 구성표를 만들기 위한 최고의 서비스를 선택하기로 결정했습니다. 그들은 시간을 절약하고 동시에 적절한 결과를 얻는 데 도움이 될 것입니다.

01. 어도비 컬러 CC

Adobe는 Kuler 프로젝트의 이름을 Color로 변경했습니다.

이전 이름인 Adobe Kuler로 이 도구에 익숙할 것입니다. 그러나 Adobe는 최근 인기 있는 웹 응용 프로그램 중 하나를 Adobe Color CC로 변경했습니다.

각각 최대 5가지 색상을 포함할 수 있는 다양한 색상 구성표를 선택, 생성 및 저장할 수 있습니다. 이 도구는 브라우저와 데스크톱 버전 모두에서 사용할 수 있습니다. 데스크탑 버전을 사용하는 경우 색상 구성표를 Photoshop, Illustrator 및 InDesign으로 직접 내보낼 수 있습니다.

02. 머드큐브 컬러스피어

색 구성표가 확실하지 않은 경우 Mudcude에는 사전 제작된 자산 갤러리가 있습니다.

Mudcube Color Sphere는 선택한 색상에 대한 16진수 코드를 제공할 뿐만 아니라 자신의 프로젝트에 대한 색상 구성표를 생성할 수 있는 디자이너를 위한 매우 편리한 미니어처 리소스입니다. 또한 Mudcube에는 사용할 수 있는 자체 기성 리소스 갤러리가 있습니다.

03. 나의 색깔을 확인하라

내 색상 확인은 모든 DOM 요소에 대한 배경 및 전경 색상 조합을 평가하고 일치시키도록 특별히 설계되었습니다. 또한 요소들이 서로 충분히 조화를 이루는지 알아내기 위해서입니다. 모든 테스트는 World Wide Web Consortium( W3C).

04. 컬러 앱

응용 프로그램은 선택한 색상의 RGB, HEX 및 HSLA 값을 찾는 데 도움이 됩니다.

iOS 도구 색상 앱큰 색상 팔레트를 사용하여 쉽고 간단하게 색상을 정의할 수 있습니다. 색상의 RGB , HEX 및 HSLA 값을 찾고 사이트에 대한 고유한 색 구성표를 만들 수 있습니다.

05. 컬러 헌터

Color Hunter는 선택한 이미지를 기반으로 색 구성표를 생성합니다.

이것은 특히 특정 색상을 찾아야 하는 경우에 매우 편리한 도구입니다. 이미지를 선택하여 Color Hunter에 업로드합니다. 도구는 선택한 이미지를 기반으로 색상 팔레트를 만듭니다. 이것은 자신만의 색 구성표를 만드는 훌륭한 방법입니다.

06. 틴아이

특정 색상을 가져와야 하는 경우 URL에 HEX 값을 입력하기만 하면 됩니다.

이 사이트는 Flickr의 제작자가 신중하게 선택한 Creative Commons 라이선스 계약에 따라 무료로 사용할 수 있는 1천만 개의 이미지 데이터베이스를 사용합니다. 적절한 색 구성표를 생성하는 데 사용할 수 있습니다.

07 컬러

편리한 미니어처 웹 응용 프로그램입니다. 화면 위에 마우스를 올려 놓고 결정하십시오. 원하는 색상을 누른 다음 약간 스크롤하여 색조와 일치시킵니다. 그런 다음 도구는 자신의 프로젝트에서 사용할 수 있는 모든 필요한 HEX 코드를 제공합니다. 사용하기 가장 쉬운 도구 중 하나입니다.

08 스파이컬러닷컴

색상 정보를 제공하고 이를 모든 구성표로 변환할 수 있는 무료 색 구성표 생성기( RGB, CMYK다른 ). 여기에서 트라이어딕, 모노크롬 등 다양한 색 구성표 형식을 사용할 수 있습니다.

09.디자인 영감

원하는 HTML 색 구성표를 쉽게 찾을 수 있는 편리한 전체 페이지 팔레트를 사용하여 Designspiration에서 최대 5개의 음영을 선택할 수 있습니다. 그런 다음 사이트는 유사한 색상 조합을 사용하는 데이터베이스의 모든 이미지가 포함된 페이지를 생성합니다. 또한 자신의 프로젝트에서 사용할 수 있는 HEX 값도 제공합니다. 그리고 이미지는 사이트의 컬렉션에 저장할 수 있습니다.

10색탐색기

색 구성표 디자인, 사용자 정의 및 분석과 관련된 많은 기능을 제공하는 가장 사려 깊은 웹 도구 중 하나입니다. 다음은 결정하는 데 도움이 되는 몇 가지 도구입니다. 색 구성표의 WCAG 유효성, 자신만의 색상 팔레트를 생성할 수 있습니다.

11. 16진수 색 구성표 생성기

선택한 단일 색조를 기반으로 색상 조합을 생성하는 편리한 작은 도구입니다. 색상의 16진수 값을 붙여넣으면 도구에서 세트를 제공합니다. 적절한 색상, 메인과 함께 사용할 수 있습니다.

12. 컬러러버

COLOURlovers는 색 구성표를 공유하는 커뮤니티입니다. 여기에서 다른 사용자의 색상 세트에서 영감을 얻고 자신의 색상 세트를 만들고 공유할 수 있습니다.

13. 색 구성표 디자이너

이 온라인 도구는 색 구성표를 생성하는 흥미로운 방법을 제공하여 밝기와 대비를 조정할 수 있습니다. 여기에서 인기 있는 몇 가지를 만들 수 있습니다. 수학적 모델단색을 포함한 색 구성표.

14. 코파소

COLOURlovers 웹사이트의 도구 중 하나입니다. 그러나 COPASO는 놀라운 올인원 솔루션이며 사이트에 대한 기성품 색상 구성표를 쉽게 생성할 수 있으므로 특별한 주의를 기울일 필요가 있습니다. 색상 일치를 위한 많은 도구가 있으며 모두 편리하고 간단한 인터페이스에 배치됩니다. 또한 팔레트에 메모를 추가하고 이미지를 업로드하는 등의 작업을 수행할 수 있습니다.

15. 컬러모드

Colormod는 소프트웨어, Mac을 사용하든 Windows에서 Konfabulator를 사용하든 위젯 영역에서 개별 색상을 선택할 수 있습니다. 색상 팔레트 작업을 위한 단순한 도구는 아니지만 무거운 프로그램을 다운로드하지 않고도 색상을 빠르고 쉽게 결정할 수 있도록 도와줍니다.

16. 컬러질라

ColorZilla는 Chrome과 Firefox 모두에서 사용할 수 있습니다.

이 프로젝트는 Firefox용 플러그인으로 시작했지만 오늘날 Google Chrome에서도 사용할 수 있습니다. ColorZilla는 팔레트, CSS 그라디언트 생성기 및 스포이드를 포함하여 색상 작업을 위한 여러 도구를 포함하는 확장입니다.

17. 컬러문키

Colormunki 제작자의 색 구성표를 선택하기 위한 편리한 온라인 도구입니다. 이를 통해 여러 기술을 사용하여 Pantone 기반 샘플에서 매력적인 색상 팔레트를 쉽게 만들 수 있습니다.

18.colr.org

Colr.org를 사용하면 모든 이미지의 색상 범위를 설정할 수 있습니다.

이 도구를 사용하면 상세한 분석일반적으로 다른 도구에서 자동화되는 이미지 색상. 이렇게하면 가장 적합한 색상을 선택할 수 있습니다. 인터페이스가 다른 응용 프로그램만큼 잘 고려되지는 않았지만 이 도구에 대해 알아가는 것이 좋습니다.

19. 컬러 그랩

이 편리한 도구는 모든 이미지에서 색상 팔레트를 만듭니다. 분석하고자 하는 이미지의 주소를 붙여넣기 하면 사용된 색상에 대한 정보가 포함된 3D 그래프가 서비스에서 자동으로 생성됩니다. 이 응용 프로그램은 사이트의 색 구성표를 선택하는 데 정확히 적합하지 않지만 이미지와 색 특성을 연구하는 데 사용할 수 있습니다.

20 컬러 블렌더

ColorBlender는 일치하는 5가지 색상의 팔레트를 생성합니다.

색상을 조정하고 실시간으로 5가지 일치하는 색상을 얻을 수 있는 가장 간단한 도구 중 하나입니다. 생성된 팔레트는 Photoshop 또는 Illustrator에서 EPS 파일로 다운로드할 수 있습니다.

21. 그레이 비트

GrayBit을 사용하면 웹사이트를 분석하여 그레이스케일에서 어떻게 보이는지 확인할 수 있습니다.

이 도구는 사이트가 회색조로 어떻게 보이는지 확인하는 데 도움이 됩니다. 대조적으로 문제 영역을 식별할 수 있는 우수한 서비스입니다.

22. 콜드

영감으로 사용하거나 색 구성표를 공유하는 데 사용할 수 있는 도구입니다. 물론 이 리소스는 회로 생성에 도움이 되지 않지만 반드시 고려해야 합니다.

23 셔터스톡 스펙트럼

색상 균형 및 밝기로 이미지를 필터링할 수 있습니다.

때로는 스톡 이미지를 보고 색 구성표가 일치하는지 확인하는 것이 가장 쉽습니다. 거의 모든 주요 스톡 리소스는 이러한 도구를 제공하지만 Shutterstock Spectrum은 매우 사용자 친화적인 인터페이스를 제공합니다. 슬라이더를 사용하여 색상을 정의한 후 다음을 지정할 수 있습니다. 키워드, 사진의 주제를 결정할 수 있습니다. 또한 색상 균형 및 밝기로 이미지를 필터링할 수 있습니다.

얘들 아, 우리는 우리의 영혼을 사이트에 넣었습니다. 감사합니다
이 아름다움을 발견하기 위해. 영감과 소름에 감사합니다.
우리와 함께 페이스북그리고 연락하다

계획 번호 1. 보완 조합

보완 또는 추가 대조는 Itten 색상환의 반대쪽에 있는 색상입니다. 그들의 조합은 특히 최대 채도에서 매우 활기차고 활기차게 보입니다.

계획 번호 2. 트라이어드 - 3가지 색상 조합

서로 같은 거리에 있는 3가지 색상의 조합. 조화를 유지하면서 고대비를 제공합니다. 이러한 구성은 창백하고 채도가 낮은 색상을 사용하는 경우에도 매우 생생하게 보입니다.

계획 번호 3. 유사한 조합

색상환에서 나란히 위치한 2~5가지 색상의 조합(이상적으로는 2~3가지 색상). 인상: 차분하고 편안합니다. 유사한 음소거 색상 조합의 예: 노란색-주황색, 노란색, 노란색-녹색, 녹색, 파란색-녹색.

계획 번호 4. 별도의 보완 조합

보색 조합의 변형으로 반대 색상 대신 인접한 색상만 사용됩니다. 메인 컬러와 2가지 추가 컬러의 조합. 이 계획은 거의 대조적으로 보이지만 그렇게 긴장되지는 않습니다. 보완 조합을 올바르게 사용할 수 있는지 확실하지 않으면 별도의 보완 조합을 사용하십시오.

계획 번호 5. Tetrad - 4 가지 색상 조합

한 가지 색상이 주요 색상이고 두 가지 색상이 보완적이며 다른 색상이 악센트를 강조하는 색 구성표입니다. 예: 청록색, 청자색, 빨강-주황색, 노랑-주황색.

계획 번호 6. 광장

개별 색상의 조합

  • 흰색: 모든 것과 어울립니다. 최고의 조합파란색, 빨간색 및 검은색으로.
  • 베이지: 블루, 브라운, 에메랄드, 블랙, 레드, 화이트.
  • 회색: 자홍색, 빨강, 자주색, 분홍색, 파랑이 있습니다.
  • 핑크: 브라운, 화이트, 민트 그린, 올리브, 그레이, 터키석, 베이비 블루.
  • 자홍색(진한 분홍색): 회색, 황갈색, 라임, 민트 녹색, 갈색.
  • 빨간색: 노란색, 흰색, 갈색, 녹색, 파란색 및 검정색.
  • 토마토 레드: 블루, 민트 그린, 샌드, 크림 같은 흰색, 회색.
  • 체리 레드: 하늘색, 회색, 밝은 주황색, 모래, 옅은 노란색, 베이지색.
  • 라즈베리 레드: 화이트, 블랙, 다마스크 로즈.
  • 브라운: 밝은 파란색, 크림색, 분홍색, 엷은 황갈색, 녹색, 베이지색.
  • 밝은 갈색: 옅은 노란색, 크림색 흰색, 파란색, 녹색, 자주색, 빨간색.
  • 다크 브라운: 레몬 옐로우, 스카이 블루, 민트 그린, 퍼플 핑크, 라임.
  • 적갈색: 분홍색, 짙은 갈색, 파란색, 녹색, 보라색.
  • 주황색: 파란색, 파란색, 보라색, 보라색, 흰색, 검정색.
  • 밝은 주황색: 회색, 갈색, 올리브.
  • 다크 오렌지: 옅은 노란색, 올리브, 갈색, 체리.
  • 노란색: 파란색, 자주색, 하늘색, 보라색, 회색, 검정색.
  • 레몬 옐로우: 체리 레드, 브라운, 블루, 그레이.
  • 옅은 노란색: 자홍색, 회색, 갈색, 빨간색, 황갈색, 파란색, 자주색 음영.
  • 황금색: 회색, 갈색, 하늘빛, 빨간색, 검정색.
  • 올리브: 오렌지, 라이트 브라운, 브라운.
  • 녹색: 황금빛 갈색, 주황색, 상추, 노란색, 갈색, 회색, 크림색, 검은색, 크림색 흰색.
  • 샐러드 색상: 갈색, 황갈색, 엷은 황갈색, 회색, 진한 파란색, 빨간색, 회색.
  • 청록색: 자홍색, 체리 레드, 옐로우, 브라운, 크림, 다크 퍼플.
  • 전기 기사는 황금빛 노란색, 갈색, 밝은 갈색, 회색 또는 은색과 함께 아름답습니다.
  • 파란색: 빨간색, 회색, 갈색, 주황색, 분홍색, 흰색, 노란색.
  • 진한 파란색: 밝은 자주색, 하늘색, 황록색, 갈색, 회색, 옅은 노란색, 주황색, 녹색, 빨간색, 흰색.
  • 라일락: 오렌지, 핑크, 짙은 보라색, 올리브, 회색, 노란색, 흰색.
  • 진한 자주색: 황금 갈색, 옅은 노란색, 회색, 청록색, 민트 녹색, 밝은 주황색.
  • 검은색은 다재다능하고 우아하며 모든 조합으로 보이며 주황색, 분홍색, 샐러드, 흰색, 빨간색, 라일락색 또는 노란색과 가장 잘 어울립니다.

전문적인 웹 디자인은 색 구성표를 만들지 않고는 완성되지 않습니다. 이 기사는 완벽한 색상 일치를 얻는 데 도움이 되는 약 20가지 환상적인 도구입니다.

World Wide Web에는 색 열반을 달성하기 위한 많은 도구가 있습니다. 그것들은 완전히 다른 것처럼 보이지만 대부분은 더 인기 있고 유용한 도구의 수정된 버전일 뿐입니다.

따라서 선택 과정을 단순화하기 위해 컬러 솔루션, 사용 가능한 상위 20개 도구를 모았습니다. 그들은 당신이 당신의 검색에서 길을 잃지 않도록 도울 것입니다. 적합한 옵션그리고 "색채의 행복"을 느끼다

01. 쿨러

Kuler는 아마도 가장 잘 알려진 색상 도구일 것입니다.

Adobe Kuler는 틀림없이 가장 인기 있는 온라인 색상 테마 도구입니다. 간단한 도구테마를 만들고 다른 사람들과 공유할 수 있는 본격적인 리소스에 웹에서 색상 작업을 위한 것입니다. 플러그인은 Photoshop, Illustrator 및 InDesign을 포함한 모든 주요 Adobe 응용 프로그램에서 사용할 수 있으므로 Kuler는 일반 Creative Suite 사용자를 위한 훌륭한 기능이 가득한 도구입니다.

02. 컬러 익스플로러

ColorExplorer는 다양한 기능을 수행할 수 있습니다.

우리는 이것이 인터넷에 있는 가장 사려 깊은 도구 중 하나라고 말할 수 있습니다. 색상 팔레트를 디자인, 사용자 정의 및 분석할 수 있는 다양한 도구를 제공합니다. 예를 들어 접근성을 결정하는 데 도움이 되는 도구 WCAG색상 선택기, 다음 사이를 이동할 수 있는 변환 도구 다른 시스템, 색상을 선택하고 팔레트를 만드는 데 필요한 모든 것.

03. 웹상의 색상

웹의 색상은 Flash를 기반으로 합니다.

웹의 색상은 단색 HEX 또는 RGB 색상을 로드하고 다양한 수학적 비율을 기반으로 하는 구성표 세트를 생성합니다. 이 도구는 Flash를 사용하여 프로그램을 실행하기 때문에 iPad 또는 iPhone에서는 작동하지 않습니다.

04. COLOUR러버

COLOURlovers는 색상에 대한 Pinterest와 약간 비슷합니다.

05. 멋진

Pictaculous를 사용하면 이미지를 업로드하고 이를 기반으로 색 구성표를 생성할 수 있습니다.

MailChimp 제작자의 이 도구를 사용하면 이미지를 업로드하고 자체 색상을 기반으로 색 구성표를 만들 수 있습니다. Kuler 및 Colorlovers와 같은 일부 다른 악기와 호환됩니다. Pictaculous에는 테마를 로드할 수 있는 편리한 Adobe Swatch가 있어 사진을 완성하는 데 필요한 "색상 캡처"를 빠르고 쉽게 만들 수 있습니다.

06. 대비-A

Contrast-A는 다양한 시각적 결함을 모방합니다.

이것은 일반적인 색 구성표 도구가 아닙니다. WCAG 호환 색 구성표를 만들었는지 확인하도록 설계되었으며 대비 수준을 미리 보고 색 인식 부족 및 낮은 가시성을 시뮬레이션하는 기술을 사용하여 수행됩니다. Contrast-A에는 사양 문서 자체보다 사용자 친화적인 방식으로 모든 것을 설명하는 매뉴얼에 대한 많은 링크가 있습니다.

07. 콜로로테이트

ColoRotate는 아름다운 "색상환" 시각화를 자랑합니다.

ColoRotate는 Kuler와 유사한 기능을 가지고 있지만 아름다운 3D 원뿔에 팔레트를 표시하고 하나의 구성표에서 5개 이상의 색상을 생성할 수 있다는 점에서 다릅니다. 이 도구는 일부 Creative Suite 응용 프로그램과 통합할 수 있습니다. iPad 앱으로도 사용할 수 있으며 컬러 콘솔 모드에서 Photoshop과 함께 작업할 수 있습니다.

08. 16진수 색 구성표 생성기

HEX는 기존 색 구성표와 잘 어울리는 색을 만듭니다.

HEX는 색상을 생성하는 편리한 작은 도구입니다. 색상 코드를 입력하기만 하면 기본 색상과 완벽하게 어울리는 멋진 색상 세트가 표시됩니다.

09. 색 구성표 디자이너

색 구성표 디자이너에는 색 테마를 만드는 몇 가지 흥미로운 방법이 있습니다.

이 온라인 도구에는 Adobe Kuler와 유사한 기능이 있습니다. 그러나 색상 테마를 만들기 위한 흥미로운 트릭 덕분에 테마를 구성하는 개별 색상을 "수정"하는 대신 구성표 속성에서 밝기/채도 및 대비 매개변수를 선택할 수 있습니다. Color Scheme Designer는 하나의 디자인의 색 구성표를 조화시키는 기능을 포함하여 일련의 표준 수학적 방법에 대한 액세스를 제공합니다. (단 핵증), 둘 (보어), 삼 (삼인조)또는 넷 (테트라드)음영 및 반음이 있는 색상.

10. 코파소

COPASO는 한 번에 여러 문제를 해결할 수 있는 훌륭한 도구입니다.

웹사이트 도구 중 하나 COLOUR러버, COPASO는 팔레트를 만들 때 많은 문제를 동시에 해결할 수 있으므로 특별한주의를 기울일 필요가 있습니다. 간단한 인터페이스에서 완전한 색상 선택 도구 세트를 제공합니다. 팔레트를 표시하고, 이미지를 업로드하고, CMYK 링크로 직접 이동하고, 색 구성표를 만드는 방법을 선택할 수 있습니다.

11. 컬러모드

Colormod 데스크탑 위젯을 사용하면 색상을 쉽게 선택하고 정의할 수 있습니다.

Colourmod는 Dashboard for MacBook 또는 Konfabulator for Windows를 사용하는 경우에도 위젯이 있는 영역에서 색상 중 하나를 쉽게 선택할 수 있는 데스크탑 도구입니다. Colormod 자체는 팔레트 선택 도구가 아니지만 여전히 색상을 선택하고 정의하는 데 사용할 수 있습니다. 이 경우 다른 무거운 프로그램을 실행할 필요가 없습니다.

12. 컬러질라

ColorZilla는 Chrome 및 Firefox에서 작동합니다.

이 응용 프로그램은 원래 Firefox용 플러그인으로 개발되었지만 Google Chrome 브라우저에서도 사용할 수 있습니다. ColorZilla는 다양한 도구색상 선택기, 스포이드, CSS 그라디언트 생성 및 팔레트 탐색을 포함한 색상 작업.

13. 컬러문키

Colormunki를 사용하면 Pantone 견본을 기반으로 색 구성표를 만들 수 있습니다.

Colormunki 제작자가 색상 보정을 위해 소개한 편리한 온라인 도구입니다. 온라인에서 Pantone 색상 견본을 기반으로 팔레트를 만들고 사용할 수 있습니다. 다른 트릭멋진 조합을 위해.

14.colr.org

Colr.org를 사용하면 다음을 볼 수 있습니다. 색 구성표당신의 이미지.

이 간단한 도구는 이미지의 색 구성표를 분석할 수 있는 독특한 기회를 제공합니다(다른 프로그램에서는 이 기능이 자동으로 수행됨). 이렇게 하면 사진이 어떤 색상으로 구성되어 있는지 확인하고 원하는 색상을 선택하여 테마의 기본 색상으로 설정할 수 있습니다.

15. 컬러 그랩

ColorGrab은 훌륭한 컴팩트 이미지 색 구성표 생성기입니다.

이 편리한 도구는 웹에 있는 모든 이미지를 기반으로 색상 팔레트를 만듭니다. 분석하려는 이미지의 주소를 입력하기만 하면 사이트에서 이미지를 "잡아" 색 구성표를 결정하고 용도를 ​​반영하는 간단한 3D 다이어그램을 만듭니다. 다양한 색상이 이미지를 위해. 그를 가장하지 말고 그대로 두십시오. 최선의 선택표준 테마의 경우 ColorGrab이 이미지의 색상 분포를 분석하는 데 적합합니다.

16 컬러 블렌더

ColorBlender는 잘 혼합되는 5가지 색상 세트를 생성합니다.

이 사이트는 샘플 이미지를 만들고 색상을 조정하고 완벽하게 일치하는 5가지 색상 세트가 선택되는 방법을 실시간으로 추적할 수 있는 간단한 도구입니다. 팔레트는 Photoshop이나 Illustrator에 EPS 파일로 직접 다운로드할 수 있습니다.

17. 그레이 비트

GrayBit을 사용하면 웹사이트를 분석하여 웹사이트가 회색조로 어떻게 보이는지 확인할 수 있습니다.

이 편리한 도구는 색상 테마와 직접 일치하지 않지만 사이트를 분석하여 회색조일 때 어떻게 보이는지 확인할 수 있습니다. 이렇게 하면 색상 팔레트에서 쉽게 읽을 수 있도록 대비가 충분히 확보되었는지 확인하는 데 도움이 됩니다.

18. 콜드

COLRD는 색 구성표를 공유하고 새로운 구성표를 배우는 데 적합합니다.

이 다채로운 사이트는 사용자가 자신의 색상 팔레트와 그라디언트 및 그림을 공유하는 훌륭한 영감의 원천입니다. 이것은 단순한 색 구성표 웹사이트가 아니라 미적 감각을 위한 향연이며 몇 가지 놀라운 발견을 위해 들러볼 가치가 있습니다.

19. 컬러 헌터

Color Hunter는 새로운 색상을 찾을 수 있는 좋은 사이트입니다.

Color Hunter는 적절한 태그를 검색하거나 HEX 링크를 사용하여 업로드된 이미지의 색 구성표를 빠르게 일치시킬 수 있도록 도와줍니다. 빠르고 사용하기 쉬운 이 사이트는 흥미로운 색상 발견을 허용합니다.

20. 스트립 생성기 2.0

Stripe Generator 2.0은 색 구성표에 주의를 집중시키는 데 도움이 됩니다.

흔히 "웹 2.0을 위한 최신 도구"라고 합니다. 스트라이프 생성기 2.0 좋은 치료법유쾌한 색상 조합과 색다른 이미지를 동시에 연출합니다.

색상은 디자인에서 널리 사용됩니다. 이를 통해 콘텐츠를 "재생"할 수 있어 요소 간의 의미 연결을 만들고 작업을 감정과 분위기로 채울 수 있습니다. 초보 디자이너는 임의의 색상을 선택하지만 색상을 더 의미 있게 사용할 수 있는 방법이 있습니다. 간단한 것에서 복잡한 것까지 원칙에 따라 구성된 4 가지 방법을 고려하십시오.

1. 알려진 색역 사용

brandcolors.net에는 500가지 이상의 색상 조합이 있습니다. 유명 브랜드. Yandex, Google, Burger King은 모든 제품에 동일한 팔레트를 사용합니다. 이 브랜드와 색상은 친숙하고 많은 사람들에게 사랑 받고 있습니다. 검색 창에 이름을 입력하거나 페이지를 스크롤하여 원하는 브랜드와 색상을 클릭하면 해당 코드가 클립보드에 복사됩니다.

2. 기성품 전문 팔레트 선택

가장 쉬운 방법은 기성품 색상 조합을 사용하는 것입니다. 매번 바퀴를 재발명할 필요가 없습니다. 조화로운 조합오랫동안 알려져 있습니다. colordrop.io로 이동하여 선택합니다. 사이트에는 수백 개의 전문 4색 팔레트가 있습니다. 원하는 색상 코드를 선택한 후 오른쪽에 열리는 패널에서 색상 코드를 클릭하여 복사합니다.


또한 서비스에는 다음이 포함됩니다. 기성품 선택 24개의 평면 디자인 색상 중. "Flat Colors"라는 이름 아래 왼쪽을 클릭하고 원하는 음영의 코드를 가져옵니다.


3. 원하는 사진 또는 그림의 색상 팔레트를 결정합니다.

이 방법은 조금 더 어렵습니다. 그러나 또한 더 효과적입니다.

  • 왼쪽 상단 패널의 사이트 coolors.co에서 카메라 아이콘을 찾아 클릭합니다. 이미지 업로드 창이 열립니다.
  • 컴퓨터에서 원하는 색 구성표의 사진이나 그림을 선택하거나 링크를 빈 열에 복사할 수 있습니다.
  • 서비스에서 색상 조합을 결정합니다(아래, 업로드된 이미지 아래).
  • 이 팔레트의 개별 색상을 표시하고 색상을 가져오려는 사진의 한 지점을 선택하여 변경할 수 있습니다.
  • "콜라주" 버튼은 결과 팔레트를 컴퓨터에 색상 코드와 함께 저장합니다.
  • "자동" 버튼은 동일한 사진을 기반으로 새로운 조합을 생성합니다.
  • "확인"을 클릭하고 이동 홈페이지사이트 추가 작업팔레트와 함께.

사이트의 메인 페이지는 덜 기능적입니다. 여기에서 개별 색상의 음영을 선택하거나 개별 색상을 교체하여 새 팔레트를 구성할 수 있습니다.

4. 온라인에서 나만의 색 구성표 만들기

같은 사이트인 coolors.co에 사진을 업로드하면 색상 코드를 결정할 수 있을 뿐만 아니라 자신만의 조합을 만들 수도 있습니다. 이렇게하려면 스페이스 바를 누르십시오. 서비스는 자동으로 5 가지 색상 조합을 만듭니다.

모든 색상에 4 버튼 아이콘:

  • 대체 음영 - 색상 음영(더 어둡고 밝음),
  • 드래그(팔레트에서 색상을 오른쪽 또는 왼쪽으로 이동),
  • 조정(색조, 채도, 밝기 등 조정),
  • 잠금(색상 수정).

사이트의 색 구성표를 선택하는 것은 중요 포인트디자인 과정에서. 색상 조합을 선택하는 것은 다소 복잡하고 창의적인 과정입니다. 다행히도 올바른 선택을 하는 데 중요한 지원을 제공할 수 있는 서비스가 많이 있습니다.

이 개요에 언급된 일부 리소스는 다음을 선택할 수 있습니다. 큰 수기성품 색 구성표를 사용하여 대화식으로 구성할 수 있습니다. 자신의 계획.

쿨러

Adobe Kuler에는 미리 만들어진 색 구성표의 대규모 라이브러리가 포함되어 있습니다. 다이어그램을 온라인으로 보고 Adobe Creative Suite 제품에서 사용하기 위해 다운로드할 수 있습니다.

Color Lovers는 현재 거의 2백만 명의 사용자가 만든 색 구성표를 보유하고 있습니다. 날짜, 등급, 조회수별로 정렬하여 볼 수 있습니다.

ColoRotate에는 미리 만들어진 색 구성표 라이브러리가 있습니다. 또한 고유한 3D 도구를 사용하여 자신만의 구성표를 만들 수 있습니다. 색 구성표는 ColoRotate 플러그인을 사용하여 Photoshop 및 Fireworks에서 직접 사용할 수 있습니다.

색 구성표 디자이너를 사용하면 색 구성표 유형(모노, 보색, 트라이어드, 테트라드, 아날로그)을 선택할 수 있습니다. 그런 다음 색상을 조정하고 예제에서 구성표의 효과를 볼 수 있습니다.

ColorSchemer에는 사용자가 만든 색 구성표의 대규모 라이브러리가 있습니다. 게시 날짜, 등급 또는 다운로드 수별로 정렬할 수 있습니다.

Pictaculous는 간단한 온라인 색 구성표 생성 도구입니다. 이미지를 업로드하면 서비스에서 이미지와 함께 사용할 다이어그램을 생성합니다.

컬러 첨탑

Color Spire는 매우 사용하기 쉬운 서비스입니다. 기본 색상을 선택하면 색상 구성표가 제안됩니다. 당신은 또한 볼 수 있습니다 모습간단한 템플릿에 대한 계획.