色カラー
色彩を中心とした通信サイト

様々なデザインの配色決定に役立つカラーチャート

COLORCHART

カラーチャート 色彩表

広がるカラーチャートイメージ

色の組み合わせによるイメージをカラーチャートからつかみましょう。WEBデザインでは16進方表記(Hex)、モニター表示や色にこだわった画像作成のときにはRGBカラー、印刷用にはCMYKカラー、カラーチャートをいろいろな用途に使えるように複数のカラーモードの数値を表記しています。色のベースはCMYKを基準に作成しています。カラーサンプルとしてお使いください。

スポンサーリンク


カラーチャート一覧

色見本は色を知るだけでなくトーンや色相による色の変化を見るのにも便利です。色で迷ったときには、見た感覚で「これだっ」と最初に決めた色が結果的に良かったりします。頭で考えるより直感が大切な場合も多々あるのが色の魅力です。カラーチャートを眺めてみることで色のインスピレーションを得ましょう。

色相環チャート
12色の色相環チャート:純色12色の色相環チャート。CMYで100%と50%の掛け合わせを基準にして作成したものです。
色相環チャート
24色の色相環チャート:純色12色とその中間色の色相環チャート。CMYで100%と50%と25%の掛け合わせを基準にして作成したものです。


色の違う色相を円形に並べたものを色相環といいます。これにより色の関係が分かります。ぶつかり合う反対色や調和のとれる類似色などの色の関係が色相環から判断できます。

プロセスカラーのカラーチャート
色が混ざっていくとどう変化していくかの確認に便利です。CMYKの色別に0%〜100%まで10%きざみの階調のチャートになっています。カラー印刷の色見本として使えます。

カラー印刷で主に使われるCMYKの色:印刷で主に使われるカラーモードのCMYKで作れる色です。カラー印刷の色見本として使えます。web制作をするときでもCMYKで表せる色からメインカラーやサブカラーといったキーになる色を選んでおくとwebと印刷とで互換性を持たせやすくなります。

トーンの種類表

トーン別の色相カラーチャート
色調ごとに色相をまとめたイメージカラーチャートです。トーンをそろえると統一感のある配色になります。


色相別の色表

色別の明度・彩度のカラーチャート:色別に明度・彩度の階調を表したカラーサンプルです。同じ色相の色でも明暗や濃淡が変わるとイメージが異なってきます。

ランダムカラーチャート:迷ったときの神頼み的な色見本です。どうにもしっくりくる色が思い浮かばないときは雑誌をパラパラめくったり周りのものを見回してみたりするとヒントになってくれます。同じようにランダムカラーチャートもアイデアソースとして働いてくれます。無作為に選ばれる色は必ずしも意味のある配色になるわけではありませんがきっと何かインスピレーションをくれるはずです。

パーソナルカラー色見本 :ヘアカラーやメイク、服のコーディネートなど自分自身に似合う色を見つけるためのカラーチャートです。

配色

2色以上色を組み合わせて色にイメージや効果を持たせることができます。いい組み合わせを見つけて色を効果的に表現しましょう。 カラーチップでCMYKとweb16進数の数値を表記しています。色を組み合わせたときの見栄えを確認できます。

配色イメージ特集:利用度の高い・もしくは興味をそそる色の組み合わせを特集としてピックアップしています。

身近なお手本から得る配色のコツ:配色を考えるときに使える技です。色がまとまる手軽な方法と考え方です。

言葉から表現する配色:配色に名前を付けてストックしています。ユニークな名前の付いた色の組み合わせが楽しい色見本になっています。サイト訪問者参加型のカラーチャートになっており色見本を作ろうのページで配色を見て浮かぶ言葉を募集しています。

配色実験!色見本サンプルカード:色の組み合わせを発見できるシミュレーションページです。キーカラーを背景色にして他の色との兼ね合いを見ることができます。

WEBカラーチャート

くっきりした色が必要なときにはwebセーフカラー:色の区別をはっきり付けたいときはWebセーフカラーの色の中から選ぶと色分けはしっかりできます。


スポンサーリンク
あなたのカラーイメージを診断します

色の効果を知ろう

白のイメージ黒のイメージ灰のイメージ青のイメージ赤のイメージ緑のイメージ黄のイメージ橙のイメージ桃のイメージ紫のイメージ茶のイメージ金のイメージ銀のイメージ

iro-color

色の好き嫌い調査の結果2014
色のアンケート2


色のアンケート3

役立つ色の資格の資料請求
色に詳しくなるBOOK
このサイトに広告を載せませんか

共通認識される色の性質

金平糖時計


配色サイト

配色の見本帳|キーカラーで選ぶ配色パターン
ひとつ色を選ぶとそこから美しくなる配色のルールに沿った色をアドバイスしてくれます。トップページの215色は眼が疲れない色になっています。もう一色を追加したいときや良い色の組み合わせを発見したいときに使える配色ツールをです。

色検索ファルベコローレ
名前を入れるとその人物のカラーイメージを教えてくれます。自分の名前を入れたり、アニメのキャラクター名を入れたりしてみてください。その人にふさわしい色とその色の数値情報がでてきます。他にもいろいろな言葉を色に変えてくれます。言葉色のカラーチャートは色で悩んでいるときに配色のヒントをくれます。