普段あまり使わないカラーの組み合わせを効果的に使う方法
Purple bud - EXPLORE - グリーンとパープルの組み合わせがよく見えると思ったことがあるでしょうか？ グリーンとパープルを使う時は、あまり暗くならないようにします。ダークパープルやペイルグリーンは良さそうには見えません。 カラースキームとしてもっとも良いのはあまり暗くないパープルと暖色系のグリーンです。 ブルーとイエロー yellow strings [ad#ad-2] ブルーを使おうと考えた際、一緒にイエローを使おうと思うのは非常にまれです。しかし、この二つを使って作られるエフェクトに驚くでしょう。これらのカラーでウェブサイトをデザインするとき、もしブルーをメインに使うのであれば、もっとも良い見栄えになるでしょう。イエローを多く使うとより明るくなり、サイトがあまりにもブルーが多すぎる時に効果的です。 イエローを使う時は、単に明るいイエローではなく、際立っていない薄いイエ
HSV色相系（HSB色相系）
色の表現方法 ご存知のとおり、光は「光の三原色」すなわち「赤（Red)」「緑（Green）」「青（Blue）」の三色を用いることですべての色を表現することができます（以下このページでは、この表現方法をRGB表現と呼びます）。もう少し詳しく言うと、各色の明るさを変えることでさまざまな色を表現することができるのです。これはコンピュータでも同じことで、画像中の画素はその点でそれぞれの色がどれくらい光っているかを表す輝度値という情報で表現されます。 例えば24bitカラーの場合、各色の輝度値は8bit、すなわち256階調で、0（まったく光っていない）～255（最も明るい）の間の数値により表されます。ですので、256の3乗色（約1678万色）を表現することができます。以下に例を示します。 (R,G,B)=(255,000,000)->赤色 (R,G,B)=(255,255,000)->黄色 (R,G
配色の作法
配色の作法 このページでは、さまざまな配色について扱います まずはコンセプト 配色の名前や、配色のきまりごとに入る前に、配色を行うもの（対象物）のことを考えてみましょう。実は、それを考えることがとても大切なんです。もっとも身近な衣服を例にとってみましょう。あなたが行動する場面、場所、合う人などの違いによって、きっと着る服を変えていませんか？衣服を変えるときに考えることは何ですか？ 1.今日は、結婚式のパーティに出席するので、気合いを入れてオシャレをしよう 2.これから、掃除をするので、動きやすく汚れてもいい服にしよう 3.これから眠るので、パジャマに着替えよう 4.今日は一日家にいるので、気軽な服でいいや などなど・・・・たくさんの考えがありますよね。こうしたことを含めて、よく物のＴＰＯという事が言われます。 ＴＰＯ（ティーピーオー）とは、Time Place Occasionの略で、訳せ
カラフルでもまとまりのある配色、WebデザインにするためのTips
過去記事：同色系でまとまりのある配色、WebデザインにするためのTipsに続いて、色々なカラーを使ってもまとまりのある配色にするためのTipsをご紹介します。 実際にWebサイトをデザインする時は、たくさんの色相の違う色を使います。 でも配色してみると、何だかまとまりがなくてしっくりこないなーということも… 配色を直感だけでできればWebデザイナーとしては一人前なんでしょうけど、まだまだそんなセンスが身に付いてない私はこんな風にして配色を選定しています。 無作為に選んだ配色とルールに従って選んだ配色 あなたはどうやってWebサイトに使う色、配色を決めてますか？ 色に対してのセンスのいい人は直感でぱぱっと決めてもまとまりのあるカラースキームをつくる事ができます。 でも残念ながら私にはそんなセンスがないので一定のルールに従ってまとまりのある配色を作成しています。 それでは試しに順を追っ
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
トーン別の色相カラーチャート
トーン別カラーチャート 01 鮮やかで強い色 ビビッドトーン Vivid tone 02 明るいにぎやかな色 ブライトトーン Bright tone 03 強烈な色 ストロングトーン Strong tone 04 濃い深みのある色 ディープトーン Deep tone 05 明るく軽い色 ライトトーン Light tone 06 柔らかい色 ソフトトーン Soft tone 07 さえない穏やかな色 ダルトーン Dull tone 08 重厚で暗い色 ダークトーン Dark tone 09 淡いクリアな色 ペールトーン Pale tone 10 穏やかな色 ライトグレイッシュトーン Light grayish tone 11 地味目で渋い色 グレイッシュトーン Grayish tone 12 濃く重い色 ダークグレイッシュトーン Dark grayish tone 13 淡く薄い色 ベリーペ
トーン別のカラーチャート
色の明暗・濃淡・鮮やかさなど、色の調子のことをトーンといいます。それぞれのページを見るとその特徴がわかります。 「虹色作成ツール」は、トーンでそろえたカラーチャートが作成できるページです。 色の表示については、できる限り本来のイメージに近づけていますが、個々の環境によって表示が異なることをご了承ください。
配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
Web Site Color Picker | Webサイトで使われている"色"を抽出、分析します♪
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
素敵な配色を見つける・作る、カラースキーム設計やグラデーション・パターン作成に役立つ -ColRD
さまざまなカラーパレット、グラデーション、パターンを見るだけでなく、作成して共有することもできるColRDを紹介します。 ColRD [ad#ad-2] カラーを見つける カラーを作る カラー作成に役立つツール カラーを見つける まずは、ColRDの「Discover（見つける）」から紹介します。 ColRDでは、カラーに関する4つのカテゴリが用意されています。 Discover Color Discover Palette Discover Gradient Discover Pattern
サイトの「色」選びに役立つ20のツール
色選びに困ったときに助けてくれるウェブツールを20個紹介します。具体的な配色アイデアが紹介されているもの、選んだ色と関連する色が表示されるもの、画像から色を抽出するもの、という感じに分けてみました。 配色アイデア タイプ 投稿された配色アイデアが紹介されているサイトです。アイデアから編集できるサイトもあり、取っ付きやすいと思います。 Color Trends + Palettes :: COLOURlovers kuler ColoRotate: Colors come to life in 3D. Color Theory @ ColorJack カラーピッカータイプ 好きな色を選ぶと、その色と相性のよい色や関係性の高い色などが表示されます。 ウェブ配色ツール Ver2.0 Color Scheme Designer 3 [ws] Color Scheme Generator 2 Col
テーマカラー1色をメインに用いたWebサイト50
2018年10月11日 Webデザイン, インスピレーション, 色彩 前回の記事「WebデザイナーにおすすめのEvernote活用術」で紹介したように、私はEvernoteに素敵なデザインをストックする際、使われているテーマカラー別にタグをつけて分類しています。気がつけば各色のデザインストックが増えてきたので、その中でも厳選した5サイト×10色の合計50サイトを紹介します。単色をデザインに使う時のポイントも一緒に読んでみてくださいね！ ↑私が10年以上利用している会計ソフト！ 追記：リンク切れサイトを削除したため、数が減ってます… テーマカラーをメインに取り入れる時のポイント 「配色に自信がなくても！Webデザインが好きになる配色ツールと使い方」でも紹介したとおり、きれいな配色でもベタ塗りしただけではデザインの魅力が半減してしまいます。特に今回のようにテーマカラーを使う面積が広ければ広いほ
配色で悩むすべての絵描きさんへ 役立つサイト・講座まとめ ｜ お絵かき速報！萌え絵上達法
配色に関する、おすすめのサイト・講座を集めました。 今までよりも色塗りがぐっと楽しくなりますよ！ 【配色関連サイト】 日本の伝統色 和色大辞典 落ち着いた和のカラーパレット 世界の伝統色 洋色大辞典 鮮やかな洋のカラーパレット kuler 配色パターン集。美しい組み合わせが盛沢山 [ws] Color Scheme Designer 一つ色を指定すると、それに合わせて相性のいい色を選んでくれる COLOR SCHEMER こちらも選択した色に合う色を表示してくれるジェネレータ pictaculous 画像から色を抽出してくれるサイト。好きなイラストの色を調べたいときに Web Site Color Picker Webサイトで使われている"色"を抽出、分析してくれる ColorSelector 画面上に表示されている色をスポイトで調べることが出来るフリーソフト 背景色と文字色を入力すると、
デザインやファッションに取り入れたい、2011年 春のトレンドカラー
PANTONE Spring 2011(PDF) [ad#ad-2] 需要があるか分かりませんが、Photoshop用のスウォッチファイル（.aco）を作成してみました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
基礎からわかるホームページの配色
Creating a Color Scheme
DIC Color Design, Inc.
サービス終了のお知らせ
「色彩センスは本当にいらないのか？」インタビュー | ライフハッカー・ジャパン
色彩センスのいらない配色講座
