KENスクールブログ | パソコン教室・パソコン講座なら個別指導のKENスクール

BLOGKENスクールブログ

  1. KENスクール TOP >
  2. KENスクールブログ > Web・DTPデザイン > Webサイトの配色でお困りでは?

Web・DTPデザイン

Webサイトの配色でお困りでは?

KENスクールONLINE

Webサイトを作る際、配色で悩んだことはありませんか?
そんな時、一気に解決してくれるサイトをご紹介しましょう!

【Adobe Color】

まずはAdobe Colorです。
類似色や補色など、どのようなハーモニールールで色を作りたいか設定をし、
あとは色相環上をドラッグするだけで簡単に配色を設定してくれます。
普段Adobeのアプリケーションを使用している人ならとっつきやすいかもしれないですね!

https://color.adobe.com/ja/create/color-wheel/

【HUE/360】

明度・彩度・色相から相性の良い色を選んでくれます。
それ以外は除外されていくので、残ったものの中から選ぶだけです。
クリックで選ぶだけで簡単に配色が設定できます。
選らんだ色は画面下の部分に出きますが、やり直したければ×ボタンで消すだけでOK。簡単ですね!

http://hue360.herokuapp.com/

【color hunter】

画像をアップするだけで、配色を決めてくれる便利なツールです。
メインビジュアルのイメージに合わせてサイトを配色したい!など、
写真を含め全体をの色を統一させたい時に重宝されるでしょう。

http://www.colorhunter.com/

【FLAT UI COLORS 2】

フラットデザインに最適な色を選べます。これは簡単!
気に入った色をクリックするだけでカラーコードがコピーされるので、
あとはCSSのbackground-colorなどにペーストするだけです。

https://flatuicolors.com/

 

どうでしたか?
一から配色を決めていくと時間がかかる場合もあります。
そんな時にはこのようなサイトを利用し、スピードアップを図りましょう!

WEB初心者から最短3ヵ月でWEBデザイナーを目指す

コロナ禍でリモートワークが増え、在宅でできるWEBデザイナーの仕事に人気が集まっています。

そこでKENスクールではニーズの高いオンライン完結のWEBデザインスクールを開校しました。WEBデザイナーになるために必要なカリキュラムを揃え、資格系を除いたすべてのカリキュラムを、通学と同じクオリティで提供致します。

完全マンツーマン授業で毎回先生が変わらないので、生徒の悩み、得手不得手などにいち早く気づき、生徒一人ひとりに合わせた指導をする事が可能です。

最短3ヵ月でWEBデザイナーを目指せる実践レベルで学ぶためのカリキュラムで、就転職のサポートまで付いたコースをご用意しています。

無料カウンセリングも実施していますので、ご興味のある方はこちらよりお問い合わせください。

この記事に関連する講座

デザインの理論から制作までを実践

詳しくはこちら