お絵描きホーホー論

理屈で絵が描ける事を証明する、徹底考察お絵描き研究
  • カテゴリー

  • アーカイブ

  • デジタルイラストの色を調和させる配色パターン

    デジタルイラストの色を調和させる配色パターン

    配色の種類の紹介

     この記事は「デジタルイラストを描くための色彩理論概論」の記事の続編として書いています。では、はじめに配色パターンの見方について定義しておきます。配色を構成する要素は色相・明度・彩度の3つです。そのうち明度・彩度はまとめてトーンとして考えます。そして色相・トーンはPCCSによってそれぞれ段階が定められています。色相は色相環として24段階、トーンは等色相面として12種類となっています。

    デジタルイラストの色を調和させる配色パターン77
    via IROUSE

     配色は色相差やトーンの差を相対的に考えるので、ここからは下図を使って説明していきます。赤くなっている部分がその配色で使う色ということです。色相環の中心点は無彩色です。白(W)や黒(Bk)を使うことがあります。

    デジタルイラストの色を調和させる配色パターン01

     これから配色パターンを一気に紹介していきますが、難しく考えずに知っておくと役に立つくらいに考えて読んでください。配色パターンは幾何学的な図で作ることができることが分かればとりあえずは儲け物だと思います。

    色相差による配色パターン

    配色名称 条件 関係図の例 配色例
    同一色相配色 色相差0 デジタルイラストの色を調和させる配色パターン02 デジタルイラストの色を調和させる配色パターン37
    デジタルイラストの色を調和させる配色パターン38
    隣接色相配色 色相差1 デジタルイラストの色を調和させる配色パターン03 デジタルイラストの色を調和させる配色パターン39
    デジタルイラストの色を調和させる配色パターン40
    類似色相配色 色相差2,3 デジタルイラストの色を調和させる配色パターン04 デジタルイラストの色を調和させる配色パターン41
    デジタルイラストの色を調和させる配色パターン42
    中差色相配色 色相差4~7 デジタルイラストの色を調和させる配色パターン05 デジタルイラストの色を調和させる配色パターン43
    デジタルイラストの色を調和させる配色パターン44
    対照色相配色 色相差8~10 デジタルイラストの色を調和させる配色パターン06 デジタルイラストの色を調和させる配色パターン45
    デジタルイラストの色を調和させる配色パターン46
    補色色相配色 色相差11,12 デジタルイラストの色を調和させる配色パターン07 デジタルイラストの色を調和させる配色パターン47
    デジタルイラストの色を調和させる配色パターン48
    ダイアード 色相差12(補色) デジタルイラストの色を調和させる配色パターン08 デジタルイラストの色を調和させる配色パターン89
    スプリット・コンプリメンタリー 説明むずい
    三角形の底辺は色相差2~4
    デジタルイラストの色を調和させる配色パターン09 デジタルイラストの色を調和させる配色パターン90
    トライアド 色相差8 デジタルイラストの色を調和させる配色パターン10 デジタルイラストの色を調和させる配色パターン91
    テトラード 色相差6 デジタルイラストの色を調和させる配色パターン11 デジタルイラストの色を調和させる配色パターン92
    ペンタード 説明むずい
    中心点はWとBk
    デジタルイラストの色を調和させる配色パターン12
    デジタルイラストの色を調和させる配色パターン13
    デジタルイラストの色を調和させる配色パターン93
    ヘクサード 色相差4
    中心点はWとBk
    デジタルイラストの色を調和させる配色パターン14
    デジタルイラストの色を調和させる配色パターン15
    デジタルイラストの色を調和させる配色パターン94

    トーンの差による配色パターン

    配色名称 条件 関係図の例 配色例
    同一トーン配色 同じトーン デジタルイラストの色を調和させる配色パターン16
    デジタルイラストの色を調和させる配色パターン17
    デジタルイラストの色を調和させる配色パターン49
    デジタルイラストの色を調和させる配色パターン50
    類似トーン配色 隣合うトーン デジタルイラストの色を調和させる配色パターン18
    デジタルイラストの色を調和させる配色パターン19
    デジタルイラストの色を調和させる配色パターン51
    デジタルイラストの色を調和させる配色パターン52
    対照トーン配色 明度差・彩度差が対極のトーン デジタルイラストの色を調和させる配色パターン20
    デジタルイラストの色を調和させる配色パターン21
    デジタルイラストの色を調和させる配色パターン53
    デジタルイラストの色を調和させる配色パターン54

     実用的なのはここからですね。上で書いていた配色パターンは色相やトーンの組み合わせを総当たりで一覧したに過ぎません。今から紹介する配色パターンは総当たりではなく、目的の雰囲気の調和が得られるように考案された配色パターンです。下で紹介する限りではありませんが、これらのようなパターンがあるということは知っておきましょう。

    色相・トーン差のによる配色パターン

    配色名称 条件 関係図の例 配色例
    ナチュラル・ハーモニー 見慣れの原理 デジタルイラストの色を調和させる配色パターン78 デジタルイラストの色を調和させる配色パターン55
    デジタルイラストの色を調和させる配色パターン56
    コンプレックス・ハーモニー 見慣れの原理の逆 デジタルイラストの色を調和させる配色パターン79 デジタルイラストの色を調和させる配色パターン57
    デジタルイラストの色を調和させる配色パターン58
    ドミナント・カラー 色相差0 デジタルイラストの色を調和させる配色パターン80 デジタルイラストの色を調和させる配色パターン59
    デジタルイラストの色を調和させる配色パターン60
    ドミナント・トーン 同一トーン デジタルイラストの色を調和させる配色パターン81 デジタルイラストの色を調和させる配色パターン61
    デジタルイラストの色を調和させる配色パターン62
    トーン・オン・トーン 色相差1~3
    明度差
    デジタルイラストの色を調和させる配色パターン82 デジタルイラストの色を調和させる配色パターン63
    デジタルイラストの色を調和させる配色パターン64
    トーン・イン・トーン 同一トーン, 類似トーン デジタルイラストの色を調和させる配色パターン83 デジタルイラストの色を調和させる配色パターン65
    デジタルイラストの色を調和させる配色パターン66
    トーナル配色 トーン:d, sf, ltg, g デジタルイラストの色を調和させる配色パターン84 デジタルイラストの色を調和させる配色パターン67
    デジタルイラストの色を調和させる配色パターン68
    カマイユ配色 同一色相, 隣接色相
    同一トーン, 類似トーン
    デジタルイラストの色を調和させる配色パターン85 デジタルイラストの色を調和させる配色パターン69
    デジタルイラストの色を調和させる配色パターン70
    フォカマイユ配色 類似色相
    同一トーン, 類似トーン
    デジタルイラストの色を調和させる配色パターン86 デジタルイラストの色を調和させる配色パターン71
    デジタルイラストの色を調和させる配色パターン72
    ビコロール トーン:v, W, Bk デジタルイラストの色を調和させる配色パターン87 デジタルイラストの色を調和させる配色パターン73
    デジタルイラストの色を調和させる配色パターン74
    トリコロール トーン:v, W, Bk デジタルイラストの色を調和させる配色パターン88 デジタルイラストの色を調和させる配色パターン75
    デジタルイラストの色を調和させる配色パターン76

    人気記事

    ∧ PAGE TOP