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

BLOGKENスクールブログ

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

Web・DTPデザイン

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

KENスクールの動画配信サービス「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/

 

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

合わせて読みたい: KENスクールの学習システム

この記事に関連する講座

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

詳しくはこちら