ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
デザインの基本日記 「配色編」｜Design Beginner
配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を
Material Design Color, Flat Colors, Icons, Color Palette | Material UI
Subscribe Get Latest Updates on Designing, Development & Freebies. No Spams! Promise :)
デジタルイラストを描くための色彩理論概論
色彩理論における表色系 色彩理論を勉強するには、色彩検定協会の公式テキストを見るのが一番確実かと思います。その中からデジタルイラストの着色の際に役立つことをピックアップして、実用的にまとめておくと便利だと思います。このテーマを一回の記事にまとめるのはちっとばかし詰め込み過ぎな気がするので数回に分けます。そんなわけで今回は色彩検定で使われている表色系の話でもしていきますか。 マンセル表色系 マンセル表色系は色相・明度・彩度の3つのパラメータで色を規定する方式です。パラメータは何段階というのが決まってますが、イラストを描く上で大して必要ないので今回は考えません。重要なのは3つのパラメータの関係性を把握しておく事です。 そしてこのマンセル表色系、CGイラストを描くときに目にしたことがあるかもしれません。ツールの色を選択するウィンドウを色相環表示にすると、下図のように、まんまマンセル表色系になりま
萌え絵等の塗りがてんでできない - 萌えイラスト上達法！ お絵かき初心者の学習部屋
1：以下、名無しにかわりましてVIPがお送りします：2012/11/18(日) 17:58:08.41 ID:5ve/Dcuz0 塗り方はググればわかるんだけど、 そのときそのときの色選びってどうしてんの？ 全部インスピレーション？ 4：以下、名無しにかわりましてVIPがお送りします：2012/11/18(日) 18:07:30.92 ID:9IYx3ktr0 適当な色置いて調節する 5：以下、名無しにかわりましてVIPがお送りします：2012/11/18(日) 18:08:27.10 ID:5ve/Dcuz0 >>4 もっと詳しくお願いできますか 8：以下、名無しにかわりましてVIPがお送りします：2012/11/18(日) 18:09:52.63 ID:9IYx3ktr0 >>5 デジタル？ 10：以下、名無しにかわりましてVIPがお送りします：2012/11/18(日) 18:13:
色の選び方や塗りで印象が変わるからイラストは面白い！｜萌えイラスト上達法！ お絵かき初心者の学習部屋
さて今回は、 管理人の私が配信している「お絵かき勉強配信」で お題として、 リスナーの皆さんに色塗りをして頂きました。 ルールとしては、 管理人が描いたイラストの線画に塗って頂く というものです。 ※服は別のイラストを参考にして描いています。 人によって独特な色塗りや配色がされていて 非常に面白いので是非ご覧ください。 【1】 【2】 【3】 【4】 【5】 【6】 【7】 【8】 【9】 【10】 【11】 【12】 【13】 【14】 【15】 【16】 【17】 【18】 【19】 【20】 【21】 配色や塗り方で本当に印象が変わるので イラストって面白いですよね。 私も皆さんのように上手く塗れるように 頑張っていこうと思います。 今回の記事で配色や色塗りを勉強しよう！ と、思った方の為に講座をまとめておきましたので こちらもご覧ください。 最近では、 綺麗に見える配色を選んでくれ
知らないと損する！？色の相性についての考え方と組み合わせの方法 - MIKINOTE
色というのものは、組み合わせ次第で、さまざまな印象をあたえることが出来ます。そういう意味で、何かを作り出す際には非常に重要な要素の1つであると言えます。 ここ最近、僕が読者になっているいるブログのいくつかで、ブログのデザインや配色についての話が多いので、ちょいと書いてみることにしました。 色に対する感覚って、生まれ持ってのセンスだ！という話がけっこう多いです。けれども、「センスが良い配色」と言うのは、結局は色についての理論的なものを知っていないと、なかなか出来ないものだったりするんですよ。美術でもデザインでも、努力はセンスに勝ります。 特に、色と色の組み合わせってのは重要です。単体だと美しい色でも、別の色を組み合わせると途端に汚い色に見えちゃったり、逆に一見するとみすぼらしい色に見えても、別の色と組み合わせるとすごく美しい組み合わせに見えることもあります。 そして、色の相性や色に対するセン
1年目デザイナーに読ませたい配色の考え方を学べる記事
配色センス0でも大丈夫！？服、インテリア、デザイ... / Webサイト制作において、私なりの色選定の考え方... / 色と人の感覚とウェブデザインのはなし - バニデ...他...全10件
もうこれで迷わない！色に関するお役立ち資料まとめ | P O P * P O P
色って何かと迷いますよね。センスだけでできればいいのですが、なかなかそうもいかないもの。そこで色の理論から、色が心理に与える影響までを網羅した資料をご紹介。 以前ご紹介した「これで完璧！ロゴデザインのためのお役立ち資料まとめ」と同じシリーズですね。 色に迷ったときにかなり使えそうですよ。詳細は以下からどうぞ。 いろいろ網羅されているのですが、いくつか気になるトピックをピックアップ。 ↑ 色関係の使えるオンラインツールいろいろ。 ↑ デスクトップから使えるツールもいろいろ紹介されています。 ↑ 色が心理に与える影響について。大事ですよね。 念のため、全部のカテゴリーをあげておきましょう。 Color Basics （色の基本） Color Psychology & Meaning （色が心理に与える影響および色の意味） Color Science & Theory （色の理論） Color
色の分類│色彩学講座
みなさんは色を扱う場面のとき（服を買ったり、インテリアの壁紙の計画を 建てたり）、どのように考えるでしょうか？「緑の手袋と組み合わせて・・・」 「うすい黄色の壁紙を・・・」と色の名前を使って、考えることが多いはずです。 しかし一口に緑といっても、黄緑もあれば、青緑もあるし、裏葉色のようなうすい 緑もあれば、ボトルグリーンのように濃い緑もあります。そしてそれぞれの緑は、 いろいろな性格があるし、イメージも全然違います。 さぁこう考えると色っていうのは、たくさんありすぎて扱いにくいです。 （緑でもいっぱいあるんだから。）そこで色の扱いを容易にするには、色について 整理することが重要です。どういうことかというと、「色にはどんな種類があ るのか？」「色にはどんなしくみがあって、どんなきまりがあるのか？」 を知るのです。色を整理できるようになれば、色の扱いが容易になります。 もちろん配色もスムーズに
webデザイナーの色彩スキルを磨くエントリーまとめ
多くのwebデザイナーが、行き詰ったときに吐かれる台詞。 それが『センス』です。 センスがない、というのはよく聴く言葉です。 しかし、色彩感覚とは『センスの問題』ではなく、たんに勉強不足というケースも少なくありません。 今回はそんな色をテーマにしたエントリーをまとめて見る事にします。 とにかく最初に学ぶ基礎 この色彩系の分野においては圧倒的にwebクリエイターボックスブログが強いので、その中でこれは使えるぞというエントリを何個か抽出しています。そのほかにも、ちょっと古い記事でもとても参考になるものからもご紹介いたします。 正直私のブックマークが配色、色彩、色で60近くのエントリーがありました。 色で学ぶ部分と言うのは「広く浅く」では無く、どちらかと言うと「狭く深く」のほうが強い気がします。なので、そのブックマークの中から、かなりというかもう限界まで厳選した物をご紹介いたします。 配色パター
配色の基本。メイン・サブ・アクセントカラーを極める！
前回の[カラーデザインの基本。トーンを理解する！]と[カラーデザインの基本。色の三属性とは？]に引き続き、今回はメインカラー・サブカラー・アクセントカラーの基本ルールについて解説させていただきます。このメイン・サブ・アクセントカラーの基本ルール正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーのルールを正しく理解できていない可能性があります。なので今回解説するこの記事を読んで、配色についての理解を深めましょう！(偉そうに書いちゃいました。すみません) ちなみに配色という言葉を辞書で引くと、『2つ以上の色を組合わせること。また、組合わせた色合いのこと』と書いてあります。 メイン・サブ・アクセントカラーの役割 まずは、メインカラー・サブカラー・アクセントカラーと呼ばれる、各要素の役割に
カラーデザインの基本。色の三属性とは？
色の三属性とは、色相・明度・彩度の3つの事を言います。この3つの属性を正しく理解することがカラーデザインを極める第一歩となります。 色の三属性は本当に基本中の基本となる知識です。デザインに関わる人であれば、最低限知っていなければなりません。 色の三属性を理解しておかないと、色を使ったコミュニケーションを円滑に図ることが出来なくなります。例えば上司に「もっと暗いブルーで全体を落ち着いた印象にしてくれ」と頼まれても、あなたは上司のイメージしている色を再現出来ない可能性が高くなってしまいます。こうならないためにも基本をしっかり学習することは大切です。 色相、それは色味のことです！ 色相とは、赤・黄・緑・青・紫といった色味のことを言います。色相はイメージの違い表現するのに最も優れた属性です。また色相を円上に配置したものを色相環と言います。 色相環 この色相環を見ていただければわかると思いますが、同
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
配色に悩んだ時の参考にしたい！最近の人気があるカラーをおさめたPhotoshop/Illustrator用のスウォッチ素材のまとめ
配色に悩んだ時の参考にしたい！最近の人気があるカラーをおさめたPhotoshop/Illustrator用のスウォッチ素材のまとめ
Java Applet（色見本） HSB RGB の変換アプレット便利
|色の三原色｜色の三要素｜色環｜ＨＳＢ｜カラーコード表｜サイトマップ｜ホーム｜ 色の三原色：原色とは全ての色の元になる色の事を言います。 光の三原色と加法混色：光の三原色はR（赤（Ｒｅｄ））、G（緑（Ｇｒｅｅｎ））、B（青（Ｂｌｕｅ））を指します。色を混ぜ合わせるにつれて、色が明るくなる（光のエネルギーが加算される)混色を「加法混色」といいます。三色の色を加えていくと白になります。 光の場合にはこのの３つの色を使うと、ほぼすべての色が再現できます。この３つの色を、「光の三原色」といいます。カラーテレビや、コンピュータのカラーディスプレイの発光体には、この３原色が使用されています。 下の図は、光の三原色を混ぜたときにできる色の様子を示したものです。 色材の三原色と減法混色：色材の三原色はY（黄色（Ｙｅｌｌｏｗ））、Ｍ（赤紫（magenta））、Ｃ（青緑（cyan））を指します。色を混ぜ合わせ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
人気のある配色パターンが探せるサービス「PLTTS」 | ライフハッカー・ジャパン
403 Error - Forbidden
