配色スキーム 生成

一色から五通りの配色。

無料 · 登録不要 · 端末内で処理

処理はブラウザのタブの中

  • 1色から
  • 5通りの調和
  • HEXすぐコピー
  • 0件の送信
仕様

配色スキーム 生成の仕様

入力
一色と調和
出力
五通りの色見本
作り方
色相回転と明るさの段階
確かめないこと
対比の検査ではない
料金
無料
登録の要否
不要
処理する場所
端末の中で
使い方

配色スキーム 生成の使い方

  1. 1

    起点の色を決める

    起点の色を決める

  2. 2

    調和を選ぶ

    調和を選ぶ

  3. 3

    値を写す

    HEX を写す

よくある質問

よくある質問

どの調和を選べばいい？

補色がいちばん離れ、類似色がいちばん近く、三色配色はその中間です。起点の色に当ててみて、仕事に合うものを残してください。

そのままブランドの配色に使えますか？

出発点の配色です。実際の配色は目で整えてから、文字の対比を試します。それは対比の検査の画面が引き受けます。

写真から始められますか？

この画面ではできません。まず画像から色を取る画面で色を読み、その HEX をここへ持ってきてください。

色は送られますか？

送られません。配色はこのブラウザのタブの中で計算し、処理のサーバーに送ることも保存することもありません。

解説

配色から使える色に

起点の HEX を入れて調和を選びます。配色は色相を回して作り、単色配色だけは明るさを段階で振ります。

  • 作った配色は色相を均等に置きます。目のほうは、そのうち何色かをもっと明るくしたり暗くしたりしたがります。
  • 一色を主役にして残りを支えに使い、全部を全力で使わないでください。
  • 文字を載せる組み合わせは、決める前に対比の検査で確かめてください。
  • 起点の HEX は残しておいてください。そこから配色ぜんぶをいつでも組み直せます。

仕様をすべて見る

配色スキーム 生成ツールの仕様
入力起点になる HEX の一色と、欲しい調和。
出力五通りの調和の色見本。どれにも HEX が付きます。
作り方HSL で色相を回し、単色配色では明るさを段階で振ります。
確かめないこと選んだ組み合わせが、文字を載せるだけの対比を持つかどうか。
料金無料。作業の外に、広告と分かる形で広告が出ます。
登録の要否不要。
処理する場所このブラウザのタブの中。入力は送りません。
次にできること

同じファイルのまま続ける

カラーツール一覧： SPOTTOOLSのカラーツール