色カラー
色彩を中心とした情報サイト


カラーチャート!配色決定に役立つ色彩表

COLORCHART

カラーチャート 色彩表

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

カラーチャートを眺めてみることで色のインスピレーションを得られます。配色の組み合わせなど色を選ぶのに色々と見比べてみましょう。カラーチャートの色はいろいろな用途の色見本に使えるように複数のカラーモードの数値を表記しています。

WEBデザインでは16進方表記(Hex形式)、モニター表示や色にこだわった画像作成のときにはRGB形式、印刷用にはCMYK形式のカラーモードの数値が使われます。色のベースはCMYKを基準に作成しています。カラーサンプル、色見本としてお使い頂けたら幸いです。

スポンサーリンク


カラーチャート

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

色相環チャート 12色の関係性が分かる色相環チャート
純色12色の色相環チャート。CMYで100%と50%の色を掛け合わせを基準にしたカラーチャートです。

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

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

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

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

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

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

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

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

配色検索!言葉のイメージから作る配色
既に言葉と色のイメージがしっかりリンクしているものよりも色のイメージが固まっていない言葉の色を見るときに効果を発揮します。


配色イメージ

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

配色パターンのカラーイメージ見本
利用度の高いカラーイメージ、もしくは興味をかき立てられるような色の組み合わせをピックアップした配色カラーイメージのサンプルです。

身近なお手本を研究して配色上手になる
配色を考えるときに使えるテクニックです。色がまとまる手軽な方法です。

言葉から表現するカラーイメージ配色
配色に名前を付けて色見本をストックしています。ユニークな名前の付いた色の組み合わせが楽しい色見本です。配色に名前をつけて色見本帳を作ろうのページでリクエストを受け付けています。

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


WEB配色

安心して使用できるwebセーフカラー
モニター表示で色の区別をはっきり付けたいときにはWebセーフカラーの色の中から選ぶとしっかり色分けができます。


スポンサーリンク

配色見本サイト

配色の見本帳|キーカラーで選ぶ配色パターン

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


色診断ファルベコローレ

言葉を入れるとそのカラーイメージを教えてくれます。自分の名前を入れたり、アニメのキャラクター名を入れたりしてみてください。その人にふさわしいとイメージした色がでてきます。他にもいろいろと色に変えてくれます。配色のヒントに言葉を入れて色診断をしてみてください。

言葉の色

パーソナルカラーを学んでみませんか?
自分に似合う色を理解することであなたの個性が引き出されます。
色占い 言葉の色を鑑定!色診断ファルベコローレ
配色の見本帳

色のアンケート




color selection

カラー講座:色の効果と影響力


デザイン講座:技とコツと豆知識


アンケート調査結果


PR


色のイメージ効果を知ろう

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

色カラータグ


スポンサーリンク