写真から抽出したカラーパレット付きの画像をインスタに投稿してみました～ カラーコードは誤記を懸念して書いてないのですが、使えそうでしたら何かの配色に使ってくださいｍｍ https://t.co/7rsuRH1nUg https://t.co/pmiwim6LfE
NEO HIMEISM on Twitter: "写真から抽出したカラーパレット付きの画像をインスタに投稿してみました～ カラーコードは誤記を懸念して書いてないのですが、使えそうでしたら何かの配色に使ってくださいｍｍ https://t.co/7rsuRH1nUg https://t.co/pmiwim6LfE"
写真から抽出したカラーパレット付きの画像をインスタに投稿してみました～ カラーコードは誤記を懸念して書いてないのですが、使えそうでしたら何かの配色に使ってくださいｍｍ https://t.co/7rsuRH1nUg https://t.co/pmiwim6LfE
ナナ👀デザナビ｜デザインを図解で解説 on Twitter: "デザインに何色を使うかで印象が大きく変わってきます👀 配色に困ったときに使えるオススメの配色サイト。 https://t.co/ylPuD0PcXA"
デザインに何色を使うかで印象が大きく変わってきます👀 配色に困ったときに使えるオススメの配色サイト。 https://t.co/ylPuD0PcXA
配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか＠LP専門Webデザイナー / 著者 @kataokadesign 「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL 2020-1
色のセンスがない人でも大丈夫、色を段階的に変化させるカラーパレットを簡単に作成できる便利ツール
Webデザインでも最近は、同一色相でトーンに変化をつけた色の組み合わせを使用するデザインが増えてきました。単に明るい・暗いの明度だけでなく、彩度や色相を段階的に変化させてカラーパレットを作成できるオンラインツールを紹介します。
グラデーションのグレーデッドゾーン、真ん中辺りがグレーにくすむのを避ける方法、美しいグラデーションを作成する方法
美しい色を選んだのに、グラデーションがくすんでしまうことはありませんか？ 真ん中辺りがグレーにくすんでしまうのは、選択した2つのカラーを結ぶ線が色相環の真ん中を通過しているのが原因です。 美しいグラデーションを作成するためにどうすればよいのか、紹介します。 Photoshopなどのデザインツールだけでなく、CSSのグラデーションにも使用できるテクニックです。 The “Gray Dead Zone” of Gradients 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 カラーのグラデーションについて、Erik D. Kennedy氏が興味深い現象を指摘しています。2つのカラーを使用したグラデーションで、その2つのカラーを結ぶ線がカラースペース内で彩度ゼロの中央を通ると、グラデーションに「グレーのデッドゾーン」が生じます。
人工知能がますます便利に！ロゴやイラストやレイアウトの配色を自動で行う便利な無料ツール -AI Color Wheel
去年あたりから、デザイン制作にもAIがさまざまな形で導入されています。 身近なところでは、Adobe Sensei（人工知能）によるPhotoshopの選択範囲作成が1クリックでできるようになったり、他にもフォントの組み合わせをAIで、カラーの組み合わせをAIで、サイトのリデザインをAIで、単純な作業は自動化することができ、よりクリエイティブに時間を割けるようになりました。 先日リリースしたばかりの、ロゴやイラストやレイアウトの配色を適用するカラーのルールに基づいて、自動で行う便利な無料ツールを紹介します。 AI Color Wheel AI Color Wheelでは、ロゴ、イラスト、ワイヤーフレーム、その他のグラフィックアートを自動的にカラーリングすることができます。すべての配色パターンが一覧表示されるので、そこから選択するだけでOKです。
指定したカラーを元に、最近のデザインで使われている色の組み合わせやグラデショーンを生成 -ColorSpace
指定したカラーを元に、最近のデザインで使われている色の組み合わせやグラデショーンをたくさん生成するオンラインツールを紹介します。 メインカラーに合う色の組み合わせ、ベースカラーにした時のアクセントカラー、組み合わせるのに適したグレーの色合い、ハイライトに適したカラー、シェードで使う時の組み合わせなど、さまざまな組み合わせが生成されて、非常に便利です。
Webサイト・スマホアプリの制作者がカラーとアクセシビリティについて知っておくべきこと
アクセシビリティ、カラーのコントラストは日増しに重要性が高まっています。 Webサイトやスマホアプリなどデジタルメディアのデザインで、コントラストが適切なカラーを簡単に見つけることができるオンラインツールを紹介します。 コントラストが確保されたぎりぎりのグレーなど、自分の使用したい色味で最適なコントラストを見つけることができます。 Color.review Webサイトやスマホアプリなど、デジタルメディアのおけるカラーコントラストの指針はWCAG規格にまとめられており、現在の最新は2.1です。 2.1には、AAとより厳格なAAAの2つのレベルがあります。 AA テキストに必要なコントラストは4.5。見出しと大きなテキストの場合、最小値は3です。 AAA テキストに必要なコントラストは7。見出しと大きなテキストの場合、最小値は4.5です。 ※大きなテキストとは14pt（18.66px）以上の
デザイン的に合う色の組み合わせを指定されたカラーをベースに生成する無料ツール -Color Designer
色の組み合わせに悩んだ時、指定されたカラーをベースにその色の明るい色合いと暗い色合いをはじめ、補色、類似色、分裂補色、3色配色、4色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。 カラーのセンスがなくても、デザイン的に合った組み合わせが分かります。
夏っぽいデザインに使えるデザインアイデアや素材を集めました
2019年6月13日 Webデザイン, インスピレーション まだ6月ですが、暑いですねー！夏本番前に、夏っぽさを表現するデザイン・装飾ってどんなものかなーと調べてみたので、夏テイストのものをまとめました。参考になるデザインのWebサイトもいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ 一言で「夏」と言ってもどんな印象にしたいかによってデザインは変わってきます。涼し気な爽やかさを感じさせたいのか？叫びたくなるような暑い日差しを表現したいのか？まずはどんな夏を連想させたいのかをしっかり考えておくのが大切ですね。 キーワードは「透明感」 涼し気な印象にしたいなら、水や氷の写真素材を組み合わせてみると◎。全体の明度を上げてパステル調に仕上げれば透明感を演出できます。文字が見えにくくならないよう、コントラストに注意しましょう。 ポカリスエットのWebサイトでは商品を水しぶきでつつみ、
配色のセンスをアップする！アクセントカラーの選び方 | コリス
デザインやイラストで配色を考える時、アクセントカラーは非常に大切です。 Webデザインだと目立たせたいコンテンツやボタンに、イラストだと単調な配色を引き締めたり、アイテムや小物を際立たせることができます。 配色のセンスや知識がなくても、ベースカラーにぴったりなアクセントカラーを簡単に見つけられる方法を紹介します。 便利な無料ツールを利用しよう ベースカラーを用意 アクセントカラーの選び方: その1 アクセントカラーの選び方: その2 アクセントカラーのダウンロード 便利な無料ツールを利用しよう 無料で利用できるオンラインのカラーツールがたくさんあるので、それを使用します。 今回は無料で利用でき、登録など面倒なことも一切ない「Paletton」を使用します。
【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選
配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Palettable
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - 日本の伝統色
カラーの組み合わせもついに人工知能で！指定色から最適な色の組み合わせを導きだすツール -Colormind | コリス
Color Picker — A handy design tool from Color Supply
面倒な配色もこれなら簡単に！多くの人に見やすいUI用のカラースケールを生成する無料ツール -Geenes