[technique 11] カラージェネレーターでカラーパレットを作成する | デザインってオモシロイ -MdN Design Interactive-

[technique 11] カラージェネレーターでカラーパレットを作成する

2024.4.26 FRI

【サイトリニューアル!】新サイトはこちらMdNについて

作業効率がアップする隠れた使い方教えます!

WEB制作、プロの無料サービス活用術
──デザインに使えるツール(1)



[technique 11]

カラージェネレーターでカラーパレットを作成する

文=山下行雄(yamagra)

Tool Color Scheme Designer
URL http://colorschemedesigner.com/


pinpoint-30

デザイナーがデザインをする前に行う作業のひとつにカラーパレットの作成がある。オンラインカラージェネレーターの「Color Scheme Designer」を利用すれば、カラーパレットの作成を効率的に行うことができる。左側のサークルでキーカラーとなる色を選ぶか、HEX値でその色の値を入力すれば、簡単にカラーパレットの作成が可能だ。デフォルトのモードでは「mono(同系色)」だが、補色を含んだカラーパレットなど合計6つのモードでいろいろなカラーパレットを作成することができる。



「Color Scheme Designer」。無料で利用できる

「Color Scheme Designer」。無料で利用できる


ポイントをドラッグし、キーカラーを選ぶ。直感的に操作できる

ポイントをドラッグし、キーカラーを選ぶ。直感的に操作できる


指定したカラーパレットを利用したサンプルページも見ることができる

指定したカラーパレットを利用したサンプルページも見ることができる


[INDEX]

>>> [technique 01] オンラインで本格的な画像編集をする

>>> [technique 02] 繰り返し用の背景画像を作成する

>>> [technique 03] カラーパターンを作成しアプリケーションで活用する

>>> [technique 04] ビットマップ画像をベクターデータに変換する

>>> [technique 05] アカウント不要の画像編集ツールを扱う

>>> [technique 06] グリッドレイアウトを正確にすばやく設計する

>>> [technique 07] 写真に含まれる色のカラーパレットを生成する

>>> [technique 08] 読み込み中……を表すローディングアイコンをつくる

>>> [technique 09] プロトタイピングをもっと効率的にする


>>> [technique 10] 画像を劣化させずに容量を削減する

>>> [technique 11] カラージェネレーターでカラーパレットを作成する

>>> [technique 12] レイアウトに黄金比・白銀比を活用する



COVER101

本記事は『web creators』2010 vol.101からの転載です。本特集全記事は誌面で読むことができます。
月刊『web creators』掲載記事号の情報はこちら!>>>


twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在