The super fast color palettes generator! Create the perfect palette or get inspired by thousands of beautiful color schemes.

明るさとコントラストを手動で補正する 前の記事では自動的な色の調整について説明しました。 ここからは、手動での色の調整の説明に入ります。 この記事では、『明るさとコントラストの補正』について説明します。 少し手間がかかりますが、自動的な補正に比べて細かな調整を行うことができます。
色の三属性とは? 色は「色相」「彩度」「明度」と呼ばれる3つの属性を持っています。この3つをコントロールすれば、キャラクターイメージを踏襲した配色や注目させたい部分を色だけで強調できます。 今回は色の基礎講座として 色の三属性(色相・彩度・明度) 色の調整方法 補色の使い方 についてご紹介します。 「いまさら聞けない!」と思いつつも、実は3つの違いをはっきりと認識していない方も多いのではないでしょうか。お絵かき初心者さんも、改めて色彩理論をおさらいしたい方にもオススメです。 色の三属性 色相(Hue) 色相とは「赤」「黄色」「青」のような色の相違を指します。 彩度(Saturation) 彩度とは、色の鮮やかさの度合いです。 彩度が高ければ高いほど目を惹く効果があります。 【ポイント】 彩度が高い→ビビッドで鮮やかな色味 彩度が低い→落ち着いた色味、無彩色 明度(Brightness) 明
UIのデザインやデータのビジュアライズに使用するカラーを決めるのに適したオンラインツールを紹介します。ベースカラーを決めるだけで、そのカラーに調和したフルスペクトルのカラーパレットが簡単に作成できます。 例えばグレーはよく使用されるカラーですが、選ぶのが難しいカラーです。ブルーに合ったグレー、グリーンに合ったグレー、さらにその中から可読性が充分な明るいグレーや暗いグレーなども自動的に生成されます。
配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を
デザインやイラストで配色を考える時、アクセントカラーは非常に大切です。 Webデザインだと目立たせたいコンテンツやボタンに、イラストだと単調な配色を引き締めたり、アイテムや小物を際立たせることができます。 配色のセンスや知識がなくても、ベースカラーにぴったりなアクセントカラーを簡単に見つけられる方法を紹介します。 便利な無料ツールを利用しよう ベースカラーを用意 アクセントカラーの選び方: その1 アクセントカラーの選び方: その2 アクセントカラーのダウンロード 便利な無料ツールを利用しよう 無料で利用できるオンラインのカラーツールがたくさんあるので、それを使用します。 今回は無料で利用でき、登録など面倒なことも一切ない「Paletton」を使用します。
デザインやイラストにすぐに使いたくなるようなミニマルな5つのカラーで構成されたカラーパレットを紹介します。 カラーパレットは全部で、8種類。 魅力的なカラーの組み合わせは非常に参考になります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く