カラースキーム/モダンカラーパレットコレクション2020&2021

ティム*ブラウン
ティム*ブラウン

ティム*ブラウンは、フック代理店、中小企業、屋根職人や建設会社のためのトラフィックとリードを駆動することに主に焦点を当てたSEOとWebデザイン会社の所有者です。ここでは、過去数年間の色の傾向と、それらが2021年にどのように変化するかを検討します。 2021年にはどのようなカラースキームが爆発するのでしょうか? どのような色がフラットと死んで死ぬだろう、と割引ラックに追いやられるのだろうか?素晴らしいカラーパレットのこのリストは、2021年に自分の仕事をさっぱりしようとしているデザイナーのための素晴らしいツールになります。

  • これらは自動生成されるのではなく、デザイナーによってデザイナーのためにキュレーションされます。
  • 私たちは、ウェブの周りから最高のカラーパレットのいくつかを統合し、私たち自身のいくつかを追加しました!

まず、ファッションデザイナーや塗料会社に基づいて、2021年の色の傾向のためのいくつかの予測があります。

なぜ我々はこのリストを提供しましたか?

私たちは、中小企業や請負業者にサービスを提供します! 屋根のリード、HVACリード、建設リードと私たちの屋根のSEO、建設SEOとHVAC SEOサービスについての私たちのブログの記事をチェックしてください!

目次

2021年のカラースキーム!

orange and green website color scheme 2021Ripped - bright color scheme for 2021

color scheme 2021

comfort fit tan pink green color scheme 2021

muted green and yellow color scheme 2021

Here are last years color schemes “2020 Color Schemes” – Shared December of 2020!

Bitchin Kitchen Color Palette 2020

Wind Glider Color Scheme 2020

Vintage Sexy Color Pallette Scheme, Interior Design and Graphic Design

Trusted Source Color Scheme for 2020

Swanky Color Schemes for 2020

Pink Autumn Color Palette 2020

Muted / Sophisticated Color Scheme Palette 2020

Leveling, Comfortable Color Pallette Scheme

Kids Room Color Palette 2020

Vintage Dusk Color Palette 2020Rustic Western Color Palette 2020Soft Subtle Color Palette 2020PB aand J Color Palette 2020Lilac Color Palette 2020Muted Lavendar Color Palette 202080s Neon Color Palette 2020Bright Treefrog Kids Room Color Palette 2020Beach House Color Palette 2020雷雨カラーパレット2020鯉魚カラーパレット2020ヴィンテージ80年代ダイナーカラーパレット2020

私は2012年にブログを始めて以来、より多くのウェブサイトのカラースキームの需要はめちゃくちゃされていますハイ だから、AWSM Color Instagramを見たとき、私は魅了されました。 私はどこでもインターネット上の方法を保存するために任意の簡単にキュレーションこれらのカラースキームを見つ それでは、2019-2020Webサイトの配色を探しているすべての人々のためにそれらを共有してみませんか?私はあなたが同じくらいそれらを楽しむことを願っています–そしてInstagramのAWSMカラーに従ってください。

blue-dark-light-grey-schemeblue-pink-orange-color-schemespurple-pink-dark-color-schemepink-orange-tan-20201-color-schemes-2019green-tan-yellow-orange-color-schemes-2020orange-pink-color1-green-grey-colorblack-yellow-black-color-schemes-2021purple-color-scheme-2019color-pink-purple-palettepurple-grey-blue-black-color-palette-2020brown-orange-brown-2019blue-green-white-color-scheme-2019pink-purple-white-colorsblue-orange-grey-color-palette-scheme-trends-red-brown-pink-color-palette-2019pink-grey-black-color-palette-2018pink-purple-color-schemesawsm-color-2019pink-orange-purple-color-schemetan-creme-makeup-fashion-palette-2019-web-design-schemes-trendsblue-green-grey-colors-2019brown-pink-tan-color-palette-2019orange-blue-black-palette-20211-color-scheme-20191-purple-orange-pink-schemes1-brown-tan-colors-pallettes-2019orange-black-grey-modern-color-palette-schemes緑-グレー-ブラウン-カラースキーム-2019青-緑-グレー-カラースキーム-2019ピンク-緑-濃い-緑-グレー-2017-スキームピンク-紫-黄-グレーピンク-紫-黄-グレーピンク-紫-黄-グレー青-緑-グレー-カラースキーム-2019-palette-scheme

2021年のために今日そこに最高の配色ツール:

基準:

  • 配色をエクスポートするのは簡単である必要があります
  • 使用して自由です
  1. クーラー。共同–いくつかのまともなカラースキームを思い付く-ちょうどそれのエンジンを起動して実行している取得するために数回を生成押してくださ

カラースキーム2020

2。 Paletton-“補完を追加”と簡単に色を見つけるために、カラーグラフ上のセレクタの周りにドラッグします。 この超便利で強力なツールに慣れるために、それのいくつかの他の設定を試してみてください。p>

カラースキーム2020-使用するためのツール

3。 カラーマインドio-Colormindは、人気のある映画や芸術からの配色を同化するために”深い学習”を使用すると言われています。 他に何もない場合、それは2021年の配色の楽しいスピンです!
配色ツール
読んでくれてありがとう–この記事をブックマークします。 2021年のファッションデザイナーのトレンドを分析し始めると、すぐに2021年のカラースキームを追加します。 我々はまた、今後数週間でこれらの傾向についての詳細な記事を書くことになりますので、目を離さない。

2019-2021年に使用する12の近代的なカラーパレットツール

Coolors.io

ベスト:グラフィックデザイナー/ウェブデザイナー

より良いリードをフックするために、WebデザインとSEOに焦点を当てた気Coolers.co

Coolors.co このリスト上のカラーパレットとスキームの生成のために利用可能な最初の、最も包括的なツールです。 プラットフォームは信じられないほど堅牢で、生成のためのwebアプリだけでなく、IOSアプリ、色への画像アップロード、事前調整、およびエクスポート/共有オプ Adobe CCプログラム用のプラグイン(Photoshop&Illustrator)も付属していますが、その機能は5ドルの費用がかかります(個人的にはかなり手頃 私が最も好きなことの一つは、しかし、あなたが生成したカラーパレットを管理し、整理するために無料のアカウントにサインアップすることができ このアカウントはiOS+Adobeアプリにも同期されます。 これはあなたがいろいろな顧客のために発生させる色を把握するために見ている写実的なまたは網デザイナーなら特に有用である。 また、設計中に迅速なアクセスが必要な場合にも便利です。 もう一つのボーナスは、Coolorsはで無料のクラスの二ヶ月が付属しているということですSkillshare.com私はそれがかなり盗みだと言うだろう!

Canva.com

Canva

Canva

Canva

iv id=”Canva.com ユーザーがカラーパレットを生成する画像をアップロードできるツールを提供します。 素晴らしいのは、このツールがサインアップせずに完全に無料で提供されていることです。 これは強い写真存在があり、色が決め付けることと重要ではないブランドのための材料を設計するとき非常に有用である。 あるいは、クライアントが描かれている特定の写真があり、そこから自分のブランドのために生成されたパレットを希望します。

Canva.com また、そのような彼らのタイポグラフィマッチングツール、デザインサイジングガイド、ロゴメーカー、および写真編集ツールなどの他の無料のツール ただし、アカウント管理、エクスポート、およびphotoshop風のwebアプリを備えたさらに堅牢な機能を備えたCanvaの完全なプラットフォームを利用したい場合は、月額料金を支払う必要があります。 学生や非営利団体のための割引もあります。

Colormind.io

グラフィックデザイナー/ウェブデザイナー

Colormind.io私が見つけたとき

Colormind.io、私はそれがアプリを生成する単純な配色だと思ったが、少し深く掘った後、私はそれがそんなに多く、そんなにクーラーだ実現しました。 コアでColormindは、あなたのサイトのカラースキームを生成することを可能にするwebアプリです。 しかし、それをユニークにするのは、実際にこれがあなたのためのウェブサイト上でどのように見えるかを視覚化することです。 また、内蔵の材料設計のサポートと画像のアップロードのサポートを持っています。 それはどのようにクールですか? シンプルですが、本当にそれが何をするかのうち、いくつかの走行距離を取得します。 で自分のためにそれをチェックアウトColormind.io.

Mycolor.スペース

ベスト:Webデザイナー/UIデザイナー

色空間

これは私が個人的にかなり使用するツールです。 私は本当にMyColorについて好きなもの。スペースは、そのシンプルさであり、それはきれいなUIです。 カラーパレット生成ツールを使用すると、webアプリがその色に基づいてさまざまなグラデーションとhexコードを吐き出す単一の色を選択できます。 さらに、webアプリにはいくつかの優れた勾配生成ツールもあります。 私が勾配生成ツールについて本当に気に入っているのは、勾配を生成するために必要なCSSを吐き出すことです。 だから、単にコピーしてフロントエンドコードに貼り付けることができます!

デザインの種

ベストのために: ビジュアルデザイナー/グラフィックデザイナー/Webデザイナー

デザインシード

カラーパレットツールのブログ記事は、デザインシードを含 これは、パレット生成のwebアプリではなく、代わりにパレットのインスピレーションを投稿する専用のブログです。 彼らがすることは写真を撮り、次に”不機嫌な富裕”および”漂流のようなヒップの名前のその写真を離れて基づいてパレットを掲示することである。”私は個人的にこの場所をたくさん使用しないが、彼らの決め付けることを把握することを試みるとき私は顧客にそれを送る。 それは出発点を持たないか、または実際に設計インスピレーションに関しては捜しているものを知っていれば有利である。 私はまた、これはインテリアデザインの空間に広がるものだと思います。

Pantone Studio

ベスト:グラフィックデザイナー/プリントデザイナー

Pantone Studio

このリストは、Pantoneに言及せずに完全ではありません。 それは彼らが一緒にパレットを置くためのかなりクールなアプリを持っているこ アプリを使用すると、RGB、CMYK、およびHEXにそれらを吐き出しながら、カラーハーモニー、値、および相互参照の様々なを発見することができます。 唯一の欠点は、アプリがiOSのみであるため、Androidユーザーは負けてしまうことです。 私は本当に私の設計プロセスでこのような携帯電話のアプリを使用していることもわかりませんが、他の誰かのためにうまくいくかもしれません。 それはあなたのために働くかどうかを確認してみてください!

Adobe Kuler(カラーホイール)

ベストのために: グラフィックデザイナー/Webデザイナー/UIデザイナー

Adobe Color Wheel

Ios用のアプリとして存在していたので、私はAdobe Kulerについて長い間知っていました。 それはまだ、私はまだこれを裏付けていないことを認めるかもしれません。 ただし、サイトに移動すると、非常に単純なカラーパレット生成ツールにリンクされます。 ここではフリルはありませんが、画像をインポートするか、カラーホイールを使用してパレットを生成することができます。 その後、それらのテーマを保存することができます。 Adobe CCアカウントをお持ちの場合は、そのアカウントをプロファイルに保存して、CCアプリと同期することができます。 あなたが私に尋ねるならかなり気の利いた! ここでの唯一の問題は、あなたが超触発されていない場合(私はポストの早い段階でデザインシードをチェックすることをお勧めします)、始めるのは

サイトパレット

ベスト:Webデザイナー/UIデザイナー/フロントエンド開発者

サイトパレット

このリストでは、Web/UI/フロントエンドにいくつかのより多くの愛を与える、私はあなたにサイトパレットを紹介します。 サイトパレットは、複雑なカラーパレットを生成することを可能にするChrome、Safari、およびFirefoxの拡張機能です。 また、既存のウェブサイトからカラースキームを取得/抽出する機能を持っています。 あなたが他の男が何をするかが好きなら、それは撮影のためにあなたのものです。 それはあなたがスケッチやAdobeのようなアプリに共有することができます偉大なUIを持つ滑らかなツールです。 さらに深く潜りたい場合は、セマンティックカラー抽出用のAPIも付属しています。 それは理解するために私の給与等級を少し上回っていますが、このリストの他には何もそれをしません。 無料版がありますが、必要に応じて価格設定がAPIリクエストに基づいているPROバージョンも付属しています。

ブートストラップマジック

最高のために: Webデザイナー/UIデザイナー/フロントエンド開発者
ブートストラップマジック

ブートストラップを使用するすべてのweb、UI、およびフ 地球上で最も人気のある応答フレームワーク! 私がBootstrapについて個人的に好きではないことの1つは、標準的な色付けがかなり一般的であるということです。 あなたが私が言っていることを知っていて、そうしようとしていることに精通しているなら、それは大規模なP.T.A.です。 ブートストラップのカラースキームをカスタマイズすると、総微風になるブートストラ すべての色を選択するのはまだ面倒ですが、少なくともSASS変数とmixinの縮小された行を掘るのではなく、それを行うための派手なUIがあります。 BootstrapにはHTMLエディタも付属しているので、必要に応じてUIから直接行うことができます(ボタンや行の高さなどを調整することがよくあります)。 これは無料のwebアプリですので、ナットを行く!

ブートストラップ。ビルド

ベスト:Webデザイナー/UIデザイナー/フロントエンド開発者

ブートストラップビルド

ブートストラップ。buildは上記のBootstrap Magicとかなり似ていますが、もう少し堅牢なようです。 このwebアプリは、SASS変数のカスタマイズの多くの開発者に向けて、より専用されています。 また、専用のエクスポート/インポートオプションだけでなく、プレビューモードで。 私の意見では、UIはもう少し楽しいです。 これは、あなたが様々なプロジェクトにあなたのブートストラップのテーマを整理することができますmonth5月のためのプロのオプションが付属しています。 また、CDN経由でテーマをホストすることもできます。 あなたが設計し、クライアントのために開発の多くをやっている場合、それらはかなり貴重な機能です。 それはあなたのために働くかどうかを確認するためにそれをチェッ</p

マテリアルカラーツール

ベスト:UIデザイナー/アプリデザイナー

ブートストラップにいくつかの愛を与 Googleは、すべてのプラットフォームでデザインを合理化する手段として、素材を提供しました。 彼らは、アプリの統合をよりシームレスでネイティブに見せるために、これらの標準を一般に公開しました。 その一環として、設計者や開発者がこれらの標準に基づいてインターフェイスを構築するのに役立つさまざまなwebアプリツールを提供しています。 そこで、Google Material Colorツールが登場します。 それはかなり複雑な獣ですが、材料設計基準に準拠したAndroidアプリを設計している場合、このツールはそれを実現するために不可欠です。

マテリアルカラーパレット

ベスト:UIデザイナー/アプリデザイナー/Webデザイナー

別の材料ベースのツールは、マテリアルカラーパレットです。 これはGoogleのMaterial toolよりもはるかに簡単です。 パレットツールを使用すると、自動的にGoogleの材料基準に基づいて口蓋を生成します二つの色を選択することができます。 このツールの目的はアプリ中心ですが、色の味覚を生成する手段を探しているだけであれば役立ちます。 アプリは、彼らの色が本当に任意のアプリケーションのために使用することができるように六角コードとすべてを吐き出します。 気の利いた材料アイコンの参照ガイドだけでなく、16進コードをコピーして貼り付けることができます材料の色の参照ガイドもあります。 それをチェックアウト!

ポーリングされた企業の62%は、彼らがウェブサイトが2-3年ごとに再設計されるべきだと考えていると述べました。 Source:Hook Agencyどのくらいの頻度でウェブサイトを再設計する必要があります-マーケティング統計とグラフ2020

私はあなたがこれらの素晴ら

読んでくれてありがとう–そして、あなたのラウンドアップで私たちに戻ってリンクするか、それはあなたに有用であった場合は、あなたのソーシャ: the sexiest man in Minnesota, or our plumber SEO guide.

Watch this quick video to see how savvy businesses save time and hook better leads:




コメントを残す

メールアドレスが公開されることはありません。