※本ページは、アフィリエイト広告を利用しています。 デザインやイラストをはじめ、ビジネス、インテリア、ファッションなど、色に携わるすべての人にお勧めの配色アイデア手帖 日本の美しい色と言葉 第2版を紹介します。 初版から6年ぶりの第2版が本日発売です！ 日本の古来より伝わる伝統的な美しい色と言葉が一冊の本にまとめられており、基本となる色の使い方、実用的な配色、それを応用したさまざまなデザイン・パターン・イラストの配色などが掲載された完全保存版の一冊。第2版では特典も豪華、収録されている配色すべてのスウォッチデータもダウンロードできます。 配色アイデア手帖は当ブログでも大好評のシリーズですが、中でも私はこの「日本の美しい色と言葉」が一番のお気に入りです。日本の古来より伝わる伝統的な美しい色と言葉がたっぷり収録されており、第2版では新しい配色テーマが加わり、二十四節気や七十二候など、日本人が育

2025年のトレンドカラーがPantoneから発表されました。 トレンドカラーは、温かみのある極上の茶色「モカムース（Mocha Mousse）」、穏やかなひとときを誘う控えめな色合いです。 モカムースのリッチなブラウン...記事の続きを読む

WebサイトやスマホアプリのUIにトーンを合わせたカラーを使用すると、デザインに統一感が生まれます。このトーンを合わせたカラーというのは、明度と彩度が一貫されたカラーのことです。 デバイスに依存しない、トーンを合わせたカラーパレットをOKLCH色空間で簡単に作成できる無料ツールを紹介します。RGBやHEX値もサポートしています。 The good colors The good colorsは、OKLCH色空間を使用してカラーパレットを作成できるオンラインツールです。OKLCH色空間とは、明度（Lightness）、彩度（Chrome）、色相（Hue）の値で構成されるカラーで、LCHに比べて色相と彩度の均一性が改善された色空間です。そのため、明度と彩度が一貫された知覚的変化が保証されます。 OKLCH色空間を使用したカラーパレット 使い方は、簡単です。 「Lightness」と「Chrom

UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator

デジタルのスクリーンで文章やコードの読み書きのためにデザインされた、アナログ印刷のインクと紙の温かみのある色合いからインスピレーションを得たカラースキームを紹介します。 WebサイトやスマホアプリのUIデザインに使用したり、VS Codeなどのエディタに使用したり、ライトモードでもダークモードでも読みやすさと知覚バランスを考慮してカラーが調整されています。 Flexoki Flexoki -GitHub Flexokiは先日リリースされたばかり。アナログ印刷のインクと紙の温かみのある色合いからインスピレーションを得たカラースキームで、MITライセンスで利用できます。 サイトのUIデザインにもこのカラースキームが使用されています。

WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピーして利用できます。 Spectrum.Art Spectrum.Artは魅力的で視覚的にも優れたUIデザインを簡単に実現するために、UIデザイナーが厳選した色の調和に優れたカラースキームをまとめたサイトです。鮮やかで人目を引くカラースキームから、繊細でエレガントなカラースキームまで幅広いオプションが提供されています。 Spectrum.Art 2023年9月現在、カラースキームは16種類あり、各カラースキームはページ全体やコンポーネントごとにまとめられています。 では、Color s

配色本の中で日本一（もしかしたら世界一）売れている（担当者様談）配色アイデア手帖、現在も好調に売れ続けている中、完全保存版となるべく改訂第2版が発売されました！ この第2版では、収録されているカラーすべてのスウォッチデータ、CSSファイル、ポケット版PDFと豪華ダウンロード特典が満載で、さらに新しい配色テーマやコラムが増え、紙面は最新版にブラッシュアップされています。まだ持っていない人はもちろん、すでに持っている人にもお勧めします。 本書は、本日発売の最新刊！ 5年ほど前に発売された配色アイデア手帖の第2版です。読者からの要望で多かった、カラー値を入力するのが面倒というのを解消するべく、さまざまなソフトウェア用のスウォッチファイルがサポートサイトからダウンロードできます。 Adobe Photoshop用のスウォッチ（CMYKとRGBの2種類）: .aco Adobe Illustrato

テキストを入力すると、Webサイトやスマホアプリ向けの美しいカラーパレットをすぐに生成してくれるAIツールを紹介します。 「企業サイト向けのクールで信頼感のあるカラーで、ベースはホワイト」「子供向けキャンペーンサイト、海と夏のイメージ」こんな感じにテキストを入力すると、Webサイトやスマホアプリ向けのカラーパレットを生成してくれます。 AI Colors AI Colorsの特徴 AI Colorsの使い方 AI Colorsを使ってみた AI Colorsの特徴 AI ColorsはOpenAIのGPT-3.5を使用して、テキストからAIによりWebサイトやスマホアプリ向けの美しいカラーパレットを生成します。また、他の人が作成したカラーパレットを検索・編集・視覚化することもできます。 利用にあたっては無料で、登録なども必要ありません。

色をどのような仕組みで感じていると思いますか？ 諸説ありますが、ヤングとヘルムホルツの学説によると、網膜の奥に赤・緑・青の波長を感知する錐体細胞があり、その波長の強弱の組み合わせを脳が色として解釈します。3種類の錐体細胞があるため「3色覚者」とよばれ、その色の組み合わせは100x100x100の100万色です。さらに4種類の錐体細胞をもつ「4色覚者」もごく僅かにいて、その人は1億の色相を見ることが可能です。 色に関するさまざまな役立つ知識、色の疑問や迷いを解決するヒントが満載の良書を紹介します。世界で最も酷い色と言われているPantone 448 Cは何のためにつくられたのか、iPhoneの白に見えるほどごく淡いグレー「シーシェルグレー」はどのようにできたのか、読んで楽しく学びもある一冊です。 本書は色に関する本ですが、よく紹介する配色本ではありません。色に関する知識やトリビアが詰まった、

ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを解説します。 Darkmode by Dan Holick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ダークモードのグレースケールを作成するのが難しいのは、なぜだと思いますか？ それは、人がカラーとコントラストを知覚する感じ方に関係があります 👇

ネオンカラーの大胆な配色、柔らかい色合いのパステルな配色、信頼感を与えるアースカラーの配色、UIのまとまりを与えるモノクロームの配色など、WebサイトのUIにお勧めの配色トップ7を紹介します。 Top 7 Colour Schemes that Will Make Your Website Stand Out in 2023 by Mohsen Kamrani 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Webサイトを際立たせる色の組み合わせトップ7 終わりに はじめに Webデザインにおいて、競合他社のWebサイトから際立たせるための重要な要素の一つが「色」です。慎重に選ばれた配色はビジターを惹きつけ、ブランドのメッセージを伝え、さらには購買意欲にも影響を与えることができます。 この記事では、2023年にあなたの

Webサイト・スマホアプリをはじめ、プロダクト、紙のデザインで、「素敵」と「見やすい」を両立させる配色に悩んだことはありませんか？ 文字色は黒か白の無彩色が断然見やすい 色数は少ない方がデザインはまとまる そんなすぐに使える素敵で見やすい配色をたくさん収録した、新しい配色本を紹介します。 本書はデザインの良書をたくさん執筆されているPower Design Inc.の最新刊。今回も今まで以上に、見てすぐに使いたくなる配色が数多く収録されており、デザインでの使用例もたくさん掲載されているので、インスピレーションが刺激される一冊です。

選択したカラー・テーマに基づいて、デザインやイラストに最適な色を組み合わたカラーパレットを生成する無料のオンラインツールを紹介します。 操作は快適👍で、超高速🔥！ 気になったカラーパレットはすぐに無料でダウンロードでき、さまざまなプロジェクトで使用できます。

2023年のトレンドカラーがPantoneから発表されました。 トレンドカラーは鮮やかで紫がかったレッドの「ビバ マゼンタ（Viva Magenta）」、世界でもっとも明るい染料の一つコチニールの赤にインスパイアされたカラーです。 この活力に溢れたレッドはよろこびをあらわした新しいカラー、大胆でウィットに富み、すべての人を包み込みます。 Pantone Color of the Year 2023 PANTONE 18-1750 Viva Magenta「ビバ マゼンタ」 トレンドカラー「ビバ マゼンタ」を使用した配色 ビバ マゼンタのカラーデータ PANTONE 18-1750 Viva Magenta「ビバ マゼンタ」 2023年のトレンドカラーは、PANTONE 18-1750 Viva Magenta「ビバ マゼンタ」です。 PANTONEのエグゼクティブ ディレクターであるLea

当ブログでも大好評だった「3色だけでセンスのいい色（紹介記事）」の第2弾が、ついに発売されました！ 配色が苦手な人でも、センスに自信がない人でも、たった3色だけでおしゃれな配色が完成する新発想の配色本です。 しかも早期購入キャンペーン（12/22まで）があり、書籍版を購入すると同じ内容の電子版（PDF）がもらえます。書籍版か電子版か悩む人には朗報ですね。 本書は先日発売されたばかりのアイスキャンディー本！ 第1弾は発売後Amazonで品切れが続いていたベストセラーの配色本。今回も早期購入キャンペーンがあるので、品切れになりそうな予感がします。 著者のingectar-e様は、「けっきょく、よはく。」「ほんとに、フォント。」など人気のデザイン書をたくさん手がけているので、知っている人も多いと思います。

当ブログでもいろいろな配色本を紹介してきましたが、今回はイラストやデザインに役立つ魅力的な配色だけでなく、色の組み合わせで世界観を創り出す、カラーパレットを理論的に解説した配色本を紹介します。 まさに、イラストレーターや絵師さんにぴったりな最強の配色本！ 眺めているだけでもインスピレーションが刺激され、創作意欲が高まる一冊。 各ページに掲載されている描き下ろしのイラストには、実際に配色が適用されており、イラストレーターさんによると「この組み合わせで、こんなに引き立つのか」「このトーンでまとめると、統一感が出るんだ」と気づきの連続だったそうです。 配色アイデア手帖シリーズ（最新刊の紹介記事）でお馴染みの桜井 輝子氏による、ファンタジーの物語や文学のキーワードを元にした世界観設定にぴったりな配色本です。世界の美しい物語53編から、88項目のテーマと2376の配色見本が収録されたイラスト画集のよ

同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。

見栄えの良い4色または5色を組み合わせる配色ツールはいろいろありますが、WebサイトやスマホアプリのUIデザインだとうまく機能しないことがあります。 カラーブランディングに成功しているWebサイトを見ると、そんなに数多くの色は使用されていません。デザインの一貫性を保つには、プライマリーカラーを1つ、アクセントカラーを1つ、あとはニュートラルトーンのベースカラーを使用しています。 この3つのカラーに9つの色合いを組み合わせたカラーパレットを生成する配色ツールを紹介します。 Goodpalette GoodpaletteはUIデザインに特化されたオンラインの配色ツールで、無料で使用できます。登録など面倒なことは一切不要。 使い方は簡単で、上部の「Generate」ボタンをクリックするだけです。生成した配色は、WebサイトやSlackやダッシュボードでどんな感じになるか確認できます。

辞書のように分厚い本書には1ページにつき1色、全部で365色の素敵な色、配色、色の知識・情報がおさめられた保存版の配色帖を紹介します。 デザインやイラストに使用する色を見つけたい、主役の色は決まっているけど配色をどうすればよいのか、色の使い方はどうすればよいのか、色に関する365のアイデアがぎっしり詰まっています。 本書は配色アイデア手帖でお馴染みの桜井 輝子氏の最新刊です！ 配色アイデア手帖第1弾のめくって見つける新しいデザインの本、第2弾の日本の美しい色と言葉、第3弾の世界を彩る色と文化（リンクは当ブログの紹介記事）を持っている人はもちろん、持っていない人にもお勧めの配色帖です。 365ページ超の本書は、かなりのボリュームに驚くと思います。 そして本書は、本日発売！！

指定したカラーの色相、さまざまな詳細情報、混色・ブレンド・変換・グラデーションなどを生成できるオンラインツールを紹介します。 最近のUIデザインで見かける複数のカラーを使用した美しいグラデーションを生成したり、そのカラーを使用したUIデザインや写真素材なども表示され、色に関する便利なツールがまとめて利用できます。 hue.tools hue.tools -GitHub hue.toolsの特徴 hue.toolsはカラーを操作するためのシンプルなツールで、そのカラーの詳細情報、そのカラーを使用したデザインや写真、混色・ブレンド・変換などを簡単に利用できます。MITライセンスで、商用プロジェクトでも無料で利用できます。 hue.toolsには、4つの機能が用意されています。 info 指定したカラーをさまざまな色空間やフォーマットに変換 Dribble、Behance、Pexelsなどで同じ