15 최고의 색상 선택 도구(2022) - 디자이너 및 개발자를 위한 색상 팔레트 도구

색상은 우리 삶의 가장 중요한 측면 중 하나입니다. 우리는 소셜 미디어 채널, 앱, 웹 사이트, 잡지, 건물 등에서 매일 다양한 색상과 조합을 관찰하고 사용합니다.

그러나 특히 전문 디자이너인 경우 서로 짝을 이루는 것이 어려울 수 있습니다. 여기에서 색상 조합 도구 가 필요합니다.

이러한 도구를 사용하면 다양한 상황에 가장 적합한 색상 조합을 찾아내고 만들어 역동적이고 매력적인 디자인을 만들 수 있습니다.

이 기사에서는 프로젝트를 위한 뛰어난 색상 팔레트를 만드는 데 도움이 되는 2022년 최고의 색상 선택 도구 15 가지를 공유하겠습니다 . 저는 개인적으로 앱, 블로그 및 프리랜서 클라이언트에서 이러한 도구를 많이 사용했습니다.

우리는 색상과 그 구성 요소의 기본부터 시작할 것입니다. 그런 다음 15가지 최고의 색상 조합 도구에 대해 논의할 것입니다. 당신은 저와 함께 그들을 시험해 볼 수 있습니다!

자, 더 이상 지체하지 말고 바로 본론으로 들어가도록 합시다!

면책 조항 : 나는 투명성을 강력히 믿습니다. 당사 사이트의 링크를 사용하여 구매하는 경우 추가 비용 없이 소액의 수수료를 받을 수 있습니다. 이렇게 하면 계속해서 정직한 리뷰를 작성하는 데 도움이 됩니다. 더 읽기 >>

색상의 구성 요소

빨간색과 노란색 또는 진한 파란색과 밝은 파란색을 어떻게 구별합니까? 모든 색상은 Hue, Saturation 및 Value의 3가지 주요 구성 요소로 구성됩니다.

이러한 색상 구성 요소의 변화로 인해 수백만 가지 색상이 표시됩니다. 그들이 의미하는 바를 토론합시다.

색조

색조는 기본적으로 색상의 이름을 나타냅니다 . 스펙트럼에서 해당 색상의 위치입니다. 색조의 몇 가지 예는 빨강, 녹색, 주황색 등입니다.

포화

채도는 특정 색상의 풍부함 정도를 나타냅니다.

완전히 채도가 높은 색상은 눈부시고 강렬해 보입니다. 반면 채도를 낮추면 색상이 흐릿하게 보입니다.

값

값은 색상의 명암 정도를 나타냅니다. 1에서 10까지의 척도에서 0은 완전히 어두운 색상이고 10은 완전히 밝은 색상에 해당합니다.

이것이 색의 세 가지 중요한 속성이었습니다. 그러나 색상에 더 익숙하다면 Shade, Tint 및 Tone이라는 용어에 대해 들어봤을 것입니다. 그들이 무엇인지 봅시다.

셰이드 vs 틴트 vs 톤

• 검정색 을 원래 색상에 계속 혼합하면 색상 음영 이 나타납니다.
• 색상의 색조 는 지속적으로 흰색 을 추가하여 얻습니다.
• 색상의 색조 는 회색 을 지속적으로 혼합하여 얻습니다.

색 구성표의 유형

소셜 미디어 게시물, 포스터, 웹사이트, 앱 등에 대해 두 가지 이상의 색상을 실험하고 싶을 때 서로 다른 색상 구성표 를 인지하는 것이 중요합니다!

서로 잘 어울리는 색상으로 구성된 6가지 다양한 시도 및 테스트를 거친 색상 구성표가 있습니다. 그들이 무엇인지 확인합시다.

단색

단색은 채도 수준을 변경하여 단일 색상으로 만든 조합을 나타냅니다.

유사한

유사 색상은 색상환에서 서로 옆에 떨어지는 색상입니다. 예를 들어 주황색, 노란색-주황색, 노란색입니다.

보완

보색은 색상환에서 서로 정확히 반대되는 색상입니다. 예를 들어 분홍색과 녹색, 빨간색과 파란색 등

트라이어딕

Triadic 색상은 색상환 에서 서로 등거리에 있는 세 가지 색상입니다. 예를 들어 주황색-녹색-보라색, 노란색-파랑-빨간색 등입니다.

테트라딕

Tetradic 색상은 RGB 색상환에서 직사각형을 형성하는 두 세트의 보색입니다. 예를 들어, 녹색-주황색-분홍색-보라색입니다.

분할 보완

분할 보색 구성표에서는 색상환에서 색상을 선택하고 보색을 찾은 다음 양쪽에서 색상을 선택합니다.

이 세 가지 색상은 색상환에서 삼각형을 형성합니다. 예를 들어, 파란색-녹색-주황색입니다.

색상표 생성을 위한 팁

색상은 인간의 마음에 지속적인 영향을 미칠 수 있습니다. 디자인, 브랜드 로고, 웹사이트 등의 올바른 색상 조합은 청중에게 특정한 분위기를 불러일으키는 데 도움이 될 수 있습니다 .

완벽한 색상 팔레트를 선택하는 데 도움이 되도록 따라야 할 몇 가지 팁이 있습니다.

1. 색상 심리학 이해

모든 색상은 다른 감정을 발산합니다. 예를 들어,

• 빨간색 은 열정입니다.
• 보라색 은 사치품입니다.
• 노란색 은 따뜻함을 위한 것입니다.
• 파란색 은 평온함입니다.
• 검은색 은 권력 등

팔레트를 만들기 전에 주고 싶은 분위기를 결정하고 그에 따라 색상을 선택합니다. 여기에서 색상 이론에 대해 읽을 수 있습니다.

2. 색 구성표 결정

이제 팔레트 에 적합한 색상 조합을 결정할 수 있습니다. 예를 들어, 웹사이트를 위한 Triadic 방식이나 인테리어 디자인을 위한 Monochromatic 방식을 사용할 수 있습니다.

3. 최신 트렌드 확인

또한 특히 현대적인 프로젝트에서 작업하는 경우 디자인 및 색상 분야의 최신 동향 을 파악해야 합니다.

4. 색상 영감 찾기

아이디어가 부족한 경우 사진, 영화, 잡지 등에서 팔레트에 대한 영감을 찾을 수도 있습니다.

색상 조합을 위한 최고의 온라인 도구

1. 냉각기

프로젝트를 위한 매력적인 색상 팔레트를 만들고 싶습니까? 그 다음에 쿨러 는 완벽한 선택이 될 것입니다. 나는 개인적으로 그것을 내 프로젝트에 많이 사용했습니다.

쿨러는 어떻게 사용하나요?

'생성기 시작' 버튼을 클릭하기만 하면 5가지 색상의 임의 색상 팔레트 가 표시됩니다. 키보드의 스페이스바를 계속 눌러 다른 색상 팔레트를 얻을 수 있습니다.

색상이 마음에 들면 잠글 수 있으며 나머지 색상은 계속 회전합니다. 팔레트가 마음에 들면 원하는 형식으로 내보낼 수 있습니다.

디자인을 저장하거나 폴더에 정렬하려면 Coolors에 계정을 등록해야 합니다.

특징

매력적인 인터페이스

사용자 인터페이스는 매우 매력적이고 사용하기 쉽습니다. 기술이 없는 사람도 쉽게 사용할 수 있습니다.

고도로 사용자 정의 가능한 색상 설정

팔레트 에서 색상의 색조, 채도, 온도 및 밝기를 조정할 수 있습니다. 이와 함께 팔레트에서 모든 색상의 다른 음영을 보고 최종 색상으로 바꿀 수도 있습니다.

다양한 내보내기 옵션

Coolors를 사용하면 다양한 방법으로 색상 팔레트를 내보낼 수 있습니다. URL을 복사하거나, 코드를 가져오거나, 포함하거나, PDF, PNG, SVG, CSS 및 ASE 형식으로 다운로드할 수 있습니다.

10가지 이상의 색상 코드 유형

한 번의 클릭으로 복사할 수 있는 10가지 다른 유형의 색상 코드와 함께 HEX 코드를 표시합니다.

미리 디자인된 팔레트

또한 백만 개 이상의 미리 디자인된 트렌드 컬러 팔레트의 아름다운 컬렉션이 있습니다. 아이디어가 부족할 때 영감을 얻을 수 있습니다!

다양한 추가 도구

Coolors는 색상 팔레트에만 국한되지 않습니다. 또한 다음과 같은 흥미로운 도구를 제공합니다.

• 색상 선택기: 이미지에서 색상 팔레트를 추출하는 데 도움이 됩니다.
• 콜라주 메이커: 이미지에서 색상을 추출하여 콜라주로 표시합니다.
• 대비 검사기: 배경색에 맞는 텍스트 색상을 선택하는 데 도움이 되며 색상 선택을 10단계로 등급을 매깁니다.
• 그라디언트 메이커: 프로젝트의 배경으로 사용할 수 있는 그라디언트 팔레트를 만드는 데 도움이 됩니다.

방해가 되지 않는 광고

인터페이스에서 자체 제품을 홍보하는 방해가 되지 않는 광고를 볼 수 있습니다. 그들은 이러한 광고를 사이드바에 배치하여 전반적인 사용자 경험을 방해하지 않습니다.

앱 및 확장 프로그램

Coolors는 Chrome 브라우저 및 Adobe 소프트웨어용 확장 프로그램과 iOS 기기용 앱을 제공 하므로 선호하는 기기에서 편안하게 작업할 수 있습니다.

2. 컬러헌트

Colorhunt 는 아름답게 디자인된 색상 팔레트 모음입니다. 2015년 Gal Shir에 의해 설립되었으며 Colorhunt 팀이 큐레이팅한 사용자 제출 팔레트에서 실행됩니다.

Colorhunt를 사용하는 방법?

Colorhunt 는 4가지 색상으로 구성된 영감을 주는 색상 팔레트 를 제공합니다. 검색 표시줄에 색상을 입력하거나 컬렉션에서 하나를 선택하기만 하면 됩니다.

팔레트의 색상이 만족스러우면 링크나 이미지로 내보낼 수 있습니다.

특징

놀라운 컬렉션

그들은 정말 흥미로운 색상 팔레트 컬렉션을 가지고 있습니다. 파스텔, 네온, 가을, 키즈, 웨딩, 골드 등과 같은 특정 색상이나 컬렉션을 검색 할 수 있습니다. 또는 New, Popular 및 Random 컬렉션의 라이브러리를 확인할 수도 있습니다.

색상 코드 복사

팔레트의 모든 색상에 대해 RGB 및 HEX 값 을 얻습니다. 이 코드는 클릭 한 번으로 복사할 수 있습니다.

괜찮은 다운로드 옵션

마음에 드는 색상 팔레트를 찾으면 해당 URL을 복사하거나 PNG 이미지로 다운로드할 수 있습니다.

크롬 확장 프로그램

색상이 화면에 어떻게 나타나는지 테스트하려는 경우 Chrome 확장 프로그램도 제공합니다. 전체 화면 모드에서 팔레트를 볼 수 있습니다.

이렇게 하면 잘 어울리는 색상에 대해 훨씬 더 나은 아이디어를 얻을 수 있습니다.

방해가 되지 않는 광고

사용자 경험을 방해하지 않는 사이드바에 하나의 광고만 있습니다.

3. 휴즈냅

Huesnap 은 색상 팔레트를 탐색, 생성 및 공유하기 위한 흥미로운 도구입니다. Huesnap을 사용하면 세 가지 작업을 수행할 수 있습니다.

당신은 할 수 있습니다

• 미리 디자인된 색상 팔레트 라이브러리를 탐색하고 색상 영감을 얻으십시오.
• 색상환에서 최대 6가지 색상으로 나만의 색상 팔레트를 만드십시오 .
• 이미지를 업로드하여 색상을 추출합니다 .

팔레트를 저장하려면 Huesnap에 로그인해야 합니다.

특징

다양한 색 구성표

색상 선택 도구에서 단색, 보색, 유사, 복합, 삼합 등을 포함한 모든 색상 구성표에 대한 자세한 색상 팔레트를 얻을 수 있습니다.

5가지 색상 코드 유형

HEX, RGB, HSV, HSL 및 CMYK 코드를 포함한 색상 코드를 클릭 한 번으로 복사할 수 있습니다!

색상 팔레트의 인상적인 컬렉션

탐색 탭에서 디자인 영감을 위해 아름답게 디자인된 수백 가지 색상 팔레트 를 확인할 수 있습니다.

광고 없음

Huesnap의 가장 좋은 점은 인터페이스를 덮는 광고가 없다는 것입니다.

모바일 기기용 앱

Android 및 iOS 장치용 모바일 앱 도 있으므로 이동 중에도 색상 팔레트를 탐색하고 생성할 수 있습니다!

단점

내보내기 옵션 없음

팔레트를 내보낼 수 없습니다. HEX 코드는 개별적으로만 복사하여 붙여넣을 수 있습니다.

4. UI 그래디언트

uiGradients 는 색상 그라디언트를 찾기 위한 훌륭한 도구입니다. 10가지 기본 색상 중에서 원하는 색상을 선택하기만 하면 됩니다.

해당 색상으로 사용 가능한 그라디언트가 표시됩니다. 컬렉션을 무작위로 스크롤하여 흥미로운 조합을 찾을 수도 있습니다.

특징

매력적인 컬렉션

비디오, 앱, 웹 사이트 등의 배경으로 사용할 수 있는 수백 가지 그라디언트 색상 라이브러리가 있습니다.

광고 없음

인터페이스에 광고를 표시하지 않으므로 매우 깨끗하고 사용자 친화적인 색상 도구입니다.

HEX 및 CSS 코드 가져오기

클릭 한 번으로 HEX 값을 복사하고 CSS 코드를 그라데이션 배경으로 즉시 가져올 수도 있습니다.

웹 디자이너는 이 기능이 정말 유용하다는 것을 알게 될 것입니다!

다운로드 옵션

원하는 색상 그라디언트를 웹사이트에서 JPG 형식 으로 내보낼 수 있습니다. 그런 다음 프로젝트, 비디오 등의 배경으로 사용할 수 있습니다.

5. Canva 컬러 휠

Canva 색상환은 다양한 색상 구성표에 따라 조합을 만들 수 있도록 도와주는 Canva에서 제공하는 또 다른 효율적인 도구입니다.

단색, 보색, 유사, 3색, 4색 중에서 색상과 조합을 선택하기만 하면 됩니다. 최고의 조합을 보여줄 것입니다.

특징

매력적인 인터페이스

Canva는 가장 직관적인 인터페이스를 제공합니다. 당연히 이 도구는 Canva에서 제공하는 것과 동일한 우아하고 초보자 친화적인 인터페이스를 사용합니다.

좋은 색상 조정 옵션

선택한 조합의 모든 색상 에 대해 슬라이더 막대에서 색조, 채도 및 광도를 조정할 수 있습니다.

내보내기 옵션

PDF 형식으로 색상 팔레트를 다운로드 할 수 있으며 포스터, 소셜 미디어 게시물, 프레젠테이션 등을 디자인하는 데 사용할 수도 있습니다.

광고 없음

덜 방해가 되고 즐거운 경험을 디자인하는 인터페이스에서 실행되는 광고를 찾을 수 없습니다.

6. 컬러마인드

Colormind는 색상 팔레트를 생성하는 데 도움이 되는 AI 기반 도구입니다. 딥 러닝을 사용하여 이미지, 영화 및 다양한 예술 스타일의 색 구성표에 대해 학습합니다.

이 도구를 사용하려면 '생성' 을 클릭하기만 하면 광범위한 컬렉션에서 최상의 색상 조합이 표시됩니다.

색상 설정을 조정하거나 Color Extractor와 같은 다른 앱을 사용하거나 미리 만들어진 템플릿에서 선택할 수도 있습니다.

특징

좋은 UI

인터페이스는 사용하기 쉽고 광고를 게재하지 않습니다. 이것은 그것을 편리하고 친근한 옵션으로 만듭니다.

색상 조정 옵션

팔레트의 모든 색상을 색상환의 다른 색상으로 바꿀 수 있습니다. 색상이 마음에 들면 잠그고 나머지 색상 사이를 회전하여 완벽한 팔레트를 형성할 수 있습니다!

강력한 색상 추출 도구

Colormind를 사용하면 업로드된 이미지에서 색상을 추출하여 팔레트를 만들 수도 있습니다. '생성' 을 계속 클릭하여 이미지에서 다른 색상 조합을 얻을 수 있습니다.

웹 페이지에서 미리보기

Colormind의 고유한 기능은 팔레트 생성기 바로 아래에 있는 데모 웹 페이지로 색상 팔레트를 미리 볼 수 있다는 것입니다. 클라이언트 등을 위한 웹 디자인을 하는 경우에 유용합니다.

단점

다운로드 옵션 없음

색상 팔레트를 내보내기 위한 옵션은 제공하지 않습니다. 모든 색상의 HEX 코드만 개별적으로 복사할 수 있습니다.

7. Canva 컬러 팔레트 생성기

Canva 색상 팔레트 생성기 는 이미지에서 아름다운 색상 팔레트를 생성할 수 있도록 Canva에서 디자인한 혁신적인 도구입니다.

이미지를 업로드하기만 하면 프로젝트에서 사용할 수 있는 4가지 색상 팔레트로 즉시 제거됩니다.

특징

매력적인 UI

Canva는 사용자에게 현대적이고 인상적이며 친숙한 인터페이스 를 제공합니다. 가장 사용하기 쉬운 온라인 디자인 도구 중 하나입니다. 자세한 내용은 Canva 리뷰를 확인하세요.

색상 팔레트 탐색

또한 사전 설계된 색상 팔레트의 광범위한 라이브러리가 있습니다. "할로윈" 또는 "웨딩"과 같은 색상, 테마 또는 키워드를 입력하기만 하면 관련 색상 팔레트를 얻을 수 있습니다.

이것은 계절별 웹 사이트를 디자인하거나 클라이언트 프로젝트에 적합합니다.

16진수 코드 복사

클릭 한 번으로 복사할 수 있는 모든 색상 위에 16진수 코드를 표시합니다!

강력한 앱

Canva는 iOS, Android, Windows 및 Mac OS에서 사용할 수 있습니다. 따라서 원하는 장치에서 팔레트를 쉽게 디자인하거나 디자인 도구를 사용할 수 있습니다.

광고 없음

인터페이스에 광고가 표시되지 않습니다. 이렇게 하면 팔레트를 디자인하는 동안 부드럽고 산만하지 않은 경험을 할 수 있습니다.

단점

내보내기 옵션 없음

팔레트의 HEX 색상 코드만 복사할 수 있습니다. 사용 가능한 내보내기 옵션이 없습니다.

8. 팔레톤

Paletton 은 프로젝트에 흥미로운 색 구성표를 만드는 데 도움이 되는 온라인 도구입니다.

웹 사이트에서 먼저 색상환에서 원하는 색상을 찾거나 사전 설정에서 하나를 선택해야 합니다.

해당 색상의 가능한 모든 음영을 표시합니다. 색 구성표를 선택할 수도 있습니다.

특징

여러 색 구성표

Color Scheme Generator를 사용하면 단색, 인접, 트라이어드 및 테트라드 구성에서 선택하여 강력한 색상 조합을 디자인할 수 있습니다.

팔레트 미세 조정 가능

팔레트가 준비되면 팔레트 의 색조, 채도, 밝기 및 대비를 조정하여 미세 조정할 수 있습니다.

다양한 미리보기 옵션

Paletton에는 10가지 이상의 다양한 미리보기 옵션 이 있습니다. 따라서 색상 견본, 텍스트, 원형, 모자이크 형식 등을 볼 수 있습니다.

페이지 레이아웃, 애니메이션 거품 또는 모양, 꽃, 산산조각 폭발 등과 같은 아트웍에 적용된 색상 팔레트의 예도 찾을 수 있습니다 .

좋은 수출 옵션

색상 목록은 HTML, CSS, LESS, SASS, XML 또는 텍스트 형식으로 다운로드할 수 있습니다. 색상 견본을 PNG , Photoshop 의 경우 ACO, Gimp의 경우 GPL 또는 스케치 팔레트로 다운로드할 수 있습니다.

단점

평균 UI

Palletton의 인터페이스는 디자인면에서 약간 오래된 것처럼 보입니다. 기본 어두운 테마가 있습니다. 그러나 부적절한 대조로 인해 텍스트를 읽기가 어렵습니다. 이것은 특히 색상과 디자인을 전문으로 하는 도구의 경우 실망스럽습니다.

방해 광고

하단 패널과 사이드바의 광고는 색상 팔레트를 디자인하는 동안 사용자 경험을 방해합니다.

9. 어도비 컬러

Adobe Color 는 색상환과 색상 팔레트를 제공하는 Adobe에서 설계한 온라인 도구입니다.

휠에서 색상을 선택하기만 하면 완벽한 색상 조합을 위해 9가지 이상의 색상 구성표 를 얻을 수 있습니다.

특징

4가지 강력한 도구

Adobe Color를 사용하면 다음 네 가지 도구에 액세스할 수 있습니다.

1. 색상환 : 9가지 이상의 색상 조합에 따라 팔레트를 디자인하는 데 도움이 됩니다.
2. Extract Theme : Color Mood(Colorful, Muted, Dark, Deep, Muted 등)에 따라 조정할 수 있는 5가지 색상으로 이미지를 스트리핑하는 데 도움이 됩니다.
3. 그라디언트 추출 : 팔레트의 색상에서 그라디언트를 만드는 데 도움이 됩니다.
4. 접근성 도구 : 선택한 색상의 대비 및 색맹을 확인하고 등급을 매깁니다.

매력적인 인터페이스

Adobe Color의 사용자 인터페이스는 사용하기 쉽고 매우 현대적 입니다. 또한 이러한 도구를 사용하는 동안 산만함이나 방해를 줄이는 데 도움이 되는 광고가 없습니다.

많은 내보내기 형식

팔레트는 A SE, JPEG, LESS, CSS, SASS 및 XML 형식으로 다운로드할 수 있습니다.

팔레트 탐색

또한 아름답게 디자인된 색상 팔레트의 방대한 컬렉션을 찾을 수 있는 탐색 탭을 제공합니다. 색상 테마, 창의적인 프로젝트, 스톡 사진 등으로 정렬할 수도 있습니다.

어도비 앱과 호환

로그인하면 색상 팔레트를 Creative Cloud에 저장하고 Photoshop, Illustrator, Fresco 등과 같은 Adobe 소프트웨어에서 사용할 수 있습니다.

10. 크로마

Khroma 는 선호도에 따라 개인화된 색상 조합을 얻을 수 있도록 도와주는 AI 기반 도구입니다.

이 도구를 사용하려면 먼저 라이브러리에서 원하는 50가지 색상을 선택 해야 합니다. 그런 다음 AI 알고리즘은 이러한 색상을 교육 데이터로 사용하고 관련 색상 조합을 생성합니다.

특징

5가지 강력한 도구

Khroma는 최상의 색상 조합을 선택하는 데 도움이 되는 5가지 주요 도구 로 구성되어 있습니다.

1. 유형 도구 : 웹사이트, 블로그, 소셜 미디어 게시물 등을 디자인하는 데 적합한 색상 대비를 선택할 수 있도록 색상 위에 텍스트를 표시합니다.
2. 포스터 도구 : 두 가지 색상을 나란히 표시
3. 그라디언트 도구 : 다양한 색상 그라디언트를 표시하고 키워드로 검색할 수도 있습니다.
4. 이미지 도구 : 이미지에 적용된 두 가지 대비되는 색상을 보여줍니다.
5. 팔레트 도구 : 4가지 색상의 팔레트를 생성합니다.

사용하기 쉬운

Khroma의 인터페이스는 모든 유형의 사용자에게 간단하고 친숙 합니다.

코드 복사

위에서 언급한 모든 도구에 대해 클릭 한 번으로 HEX 코드, RGB 코드 및 CSS 스크립트를 복사할 수 있습니다.

훈련된 데이터 내보내기

다른 장치에서 Khroma 앱을 사용하려면 훈련된 모든 데이터를 다운로드하고 선택한 장치에 업로드할 수 있습니다. 이것은 당신의 경험에 더 많은 편의를 추가합니다.

방해가 되지 않는 광고

사이드바에는 사용자 경험을 방해하지 않는 단일 광고만 표시됩니다.

11. 색상 코드

Colorcode 는 다양한 색상 구성표에 따라 색상 팔레트를 생성하기 위한 도구입니다. 왼쪽 패널에서 색 구성표를 선택한 다음 마우스 포인터를 계속 드래그하여 올바른 조합을 찾고 클릭하여 선택할 수 있습니다.

특징

65개 이상의 색상이 포함된 팔레트

Colorcode를 사용하면 최대 65개 이상의 색상으로 색상 팔레트를 생성 할 수 있으며 이는 대규모 프로젝트에 적합합니다.

8가지 색 구성표

여기에서 Monochromatic, Analogic, Triad, Quad 등을 포함한 8가지 색상 구성표 중에서 선택하거나 사용자 정의 색상으로 팔레트를 무료로 구축할 수 있습니다.  

현대적인 UI

Colorcode의 기본 어두운 인터페이스는 화면을 덮는 광고 없이 매우 고급스럽고 사용하기 쉽습니다.

여러 내보내기 옵션

생성한 팔레트를 PNG 형식으로 다운로드하고 CSS 코드를 복사하고 다른 사람과 링크로 공유할 수도 있습니다.

색상 조정 옵션

생성된 팔레트 의 경우 RGB 값을 조정 하여 완벽한 색상을 얻을 수 있습니다.

12. 컬러 디자이너

Color Designer 는 색상 팔레트, 그라디언트 및 색상 혼합을 위한 또 다른 고유한 온라인 도구입니다 . 팔레트를 처음부터 디자인하거나 라이브러리에서 선택할 수 있습니다.

다음으로 색상 견본, 색상 선택기에서 색상을 조정하거나 hEX 코드를 입력할 수 있습니다.

특징

다양한 색상 설정

팔레트에 대해 선택한 모든 색상에 대해 최대 40가지 색조와 음영을 제공합니다. 또한 색 구성표에 따라 적절한 조합을 보여줍니다.

예를 들어, 상보, 유사, 분할 상보, 트라이어드, 정사각형 및 직사각형이 있습니다. 마지막으로 Adobe Stock에서 유사한 이미지에 대한 제안을 받을 수도 있습니다.

사용 가능한 추가 기능

Adobe XD 및 Figma 소프트웨어용 애드온을 제공합니다. 따라서 디자이너라면 색상 팔레트를 이러한 응용 프로그램과 통합하고 프로젝트에서 사용할 수 있습니다.

추가 도구

Gradient Generator, Color Identifier, Color code Converter, Image Color Picker, Image Creator의 Color Palette, Random Color Generator와 같은 다양한 도구를 제공합니다.

단점

광고 포함

페이지에 광고를 표시 하여 사용자 경험을 어느 정도 망칩니다.

내보내기 옵션 없음

색상 디자이너 도구에서는 색상 팔레트를 다운로드할 수 없습니다. HEX 색상 코드를 별도로 복사할 수 있습니다.

13. 컬

Currs 는 500개 이상의 미리 디자인된 색상 팔레트를 탐색하기 위한 사용하기 쉬운 도구입니다 . 색상 구성표와 음영을 선택하기만 하면 됩니다. 화면에 관련 조합이 표시됩니다.

특징

여러 색 구성표

단색, 유사, 트라이어드, 테트라딕을 포함한 여러 색 구성표 를 찾아 최상의 조합을 만들 수 있습니다.

더 나은 관련 결과를 얻기 위해 어둡거나 밝은 음영을 원하는지 지정할 수도 있습니다.

데스크탑용 앱

Culrs는 Mac 장치를 위한 괜찮은 데스크탑 앱을 제공합니다. 따라서 노트북이나 PC에서 작업할 수 있습니다.

인상적인 인터페이스

Currs의 인터페이스는 현대적이고 매우 우아 합니다. 디자인과 색상이 상당히 고급스러워 보입니다. 광고도 나오지 않아 편리하게 디자인할 수 있습니다.

단점

내보내기 옵션 없음

Currs 는 색상 팔레트를 어떤 형식으로든 다운로드할 수 있는 옵션을 제공하지 않습니다 . 하지만 한 번의 클릭으로 16진수 코드를 복사할 수 있습니다.

14. 웹그라디언트

WebGradients 는 Itmeo 팀에서 시작한 무료 프로젝트입니다. 그들은 상업적 사용을 위해 신중하게 설계된 180개의 그라디언트를 제공합니다.

단순히 컬렉션을 탐색하고 관심 있는 그라디언트를 찾을 수 있습니다. 마음에 드는 것을 찾으면 전체 화면 모드로 전환하거나 다운로드할 수 있습니다.

특징

CSS 코드 받기

클릭 한 번으로 그라디언트의 CSS 코드를 복사할 수 있습니다. 16진수 코드를 복사하려면 수동으로 선택해야 합니다.

괜찮은 다운로드 옵션

특정 그라디언트가 마음에 들면 PNG 이미지 로 쉽게 다운로드할 수 있습니다.

사용 가능한 그라디언트 팩

엄선된 그라디언트 컬렉션은 Sketch 및 Photoshop 앱 에서도 사용할 수 있으므로 그래픽 디자인에 사용할 수 있습니다.

단점

방해 광고

인터페이스에 단일 광고를 표시하지만 닫을 수 있는 옵션이 없습니다.

전체 화면 모드로 전환해도 광고가 계속 표시됩니다. 이것은 전반적인 경험을 망칩니다.

한정 컬렉션

그들의 그라디언트 컬렉션은 180 개의 그라디언트로 매우 제한적입니다. 이것은 프로젝트 종류에 충분하지 않을 수 있습니다.

15. 컬러 팔레트 생성기

색상 팔레트 생성기 는 사진에서 색상 팔레트를 만드는 데 도움이 되는 간단한 도구입니다.

시스템에서 이미지를 업로드하거나 Flickr, Instagram 또는 Dropbox 서비스에 연결 하기만 하면 됩니다.

이미지를 다양한 색상으로 분할하고 몇 초 안에 색상 팔레트를 표시합니다.

특징

다양한 색상의 팔레트

팔레트에서 최대 15가지 색상을 얻을 수 있습니다. 이는 더 세밀한 조정과 색상 정밀도가 필요한 대규모 프로젝트에 적합합니다!

좋은 수출 옵션

이미지를 JPG로 다운로드하거나 팔레트의 CSS 코드를 복사하거나 Photoshop과 호환되는 ASE 형식으로 색상 견본을 내보낼 수 있습니다.

단점

조정 옵션 없음

색상 조정 옵션을 제공하지 않습니다. 자신이 만든 팔레트만 다운로드할 수 있습니다.

평균 UI

사용자 인터페이스는 화면을 덮는 많은 광고와 함께 매우 기본적입니다. 이는 설계 경험과 워크플로를 방해합니다.

결론

따라서 이들은 완벽한 색상 조합을 만들기 위한 무료이며 사용하기 쉬운 온라인 도구였습니다 . 그래픽, 인테리어 또는 웹 디자이너라면 작업에 도움이 될 것입니다!

어쨌든, 나는 당신이 이 기사를 읽고 가치 있는 것을 찾았기를 바랍니다 . 이러한 통찰력 있는 콘텐츠를 더 보려면 내 주간 뉴스레터를 구독하세요. 이것은 Kripesh의 서명입니다! 조심하고 계속 배우십시오. 건배!