design-noie.com
Open in
urlscan Pro
183.181.90.20
Public Scan
URL:
https://design-noie.com/color-chart-japan/
Submission: On June 04 via api from US — Scanned from JP
Submission: On June 04 via api from US — Scanned from JP
Form analysis 4 forms found in the DOM
GET https://design-noie.com/
<form role="search" method="get" class="search-form" action="https://design-noie.com/">
<label>
<span class="screen-reader-text">検索:</span>
<input type="search" class="search-field" placeholder="検索…" value="" name="s">
</label>
<input type="submit" class="search-submit" value="検索">
</form>GET https://design-noie.com/
<form role="search" method="get" class="search-form" action="https://design-noie.com/">
<label>
<span class="screen-reader-text">検索:</span>
<input type="search" class="search-field" placeholder="検索…" value="" name="s">
</label>
<input type="submit" class="search-submit" value="検索">
</form>POST
<form class="wpd_comm_form wpd_main_comm_form" method="post" enctype="multipart/form-data" data-uploading="false">
<div class="wpd-field-comment">
<div class="wpdiscuz-item wc-field-textarea">
<div class="wpdiscuz-textarea-wrap ">
<div class="wpd-avatar">
<img alt="guest" src="https://secure.gravatar.com/avatar/?s=56&d=mm&r=g" srcset="https://secure.gravatar.com/avatar/?s=112&d=mm&r=g 2x" class="avatar avatar-56 photo avatar-default" height="56" width="56" loading="lazy"
decoding="async">
</div>
<div id="wpd-editor-wraper-0_0" style="">
<label style="display: none;" for="wc-textarea-0_0">Label</label>
<div id="wpd-editor-0_0" class="ql-container ql-snow" style="border-bottom: 1px solid rgb(221, 221, 221);">
<div class="ql-editor ql-blank" data-gramm="false" contenteditable="true" data-placeholder="コメントまたは記事を評価する...">
<p><br></p>
</div>
<div class="ql-clipboard" contenteditable="true" tabindex="-1"></div>
<div class="ql-tooltip ql-hidden"><a class="ql-preview" target="_blank" href="about:blank"></a><input type="text" data-formula="e=mc^2" data-link="https://example.com"
data-video="Embed URL"><a class="ql-action"></a><a class="ql-remove"></a></div>
<div class="ql-texteditor"><textarea id="wc-textarea-0_0" name="wc_comment" class="wc_comment wpd-field" style="display: none;"></textarea></div>
</div>
<div id="wpd-editor-toolbar-0_0" class="wpd-toolbar-hidden ql-toolbar ql-snow">
<div class="wpd-editor-buttons-right">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wpd-form-foot">
<div class="wpdiscuz-textarea-foot">
<div class="wpdiscuz-button-actions"></div>
</div>
<div class="wpd-form-row">
<div class="wpd-form-col-left">
<div class="wpdiscuz-item wc_name-wrapper wpd-has-icon">
<div class="wpd-field-icon"><i class="fas fa-user"></i></div>
<input id="wc_name-0_0" value="" required="required" aria-required="true" class="wc_name wpd-field" type="text" name="wc_name" placeholder="名前（ニックネーム）*" maxlength="20" pattern=".{1,20}" title="">
<label for="wc_name-0_0" class="wpdlb">名前（ニックネーム）*</label>
</div>
<div class="wc-field-submit">
<input id="wpd-field-submit-0_0" class="wc_comm_submit wpd_not_clicked wpd-prim-button" type="submit" name="submit" value="コメントする">
</div>
<div class="wpdiscuz-item wpd-field-group wpd-field-rating custom_field_623978e887f1b-wrapper wpd-has-desc">
<div class="wpd-field-group-title"> この記事の評価 <div class="wpd-field-desc"><i class="far fa-question-circle"></i><span>記事内容の評価をすることができます。執筆者のモチベーションと記事改善に役立ちます</span></div>
</div>
<div class="wpd-item-wrap">
<fieldset class="wpdiscuz-rating">
<input type="radio" id="wpdiscuz-star_0_0647cf65361d89_5" name="custom_field_623978e887f1b" value="5">
<label class="fas fa-star full" for="wpdiscuz-star_0_0647cf65361d89_5" title="5"></label>
<input type="radio" id="wpdiscuz-star_0_0647cf65361d89_4" name="custom_field_623978e887f1b" value="4">
<label class="fas fa-star full" for="wpdiscuz-star_0_0647cf65361d89_4" title="4"></label>
<input type="radio" id="wpdiscuz-star_0_0647cf65361d89_3" name="custom_field_623978e887f1b" value="3">
<label class="fas fa-star full" for="wpdiscuz-star_0_0647cf65361d89_3" title="3"></label>
<input type="radio" id="wpdiscuz-star_0_0647cf65361d89_2" name="custom_field_623978e887f1b" value="2">
<label class="fas fa-star full" for="wpdiscuz-star_0_0647cf65361d89_2" title="2"></label>
<input type="radio" id="wpdiscuz-star_0_0647cf65361d89_1" name="custom_field_623978e887f1b" value="1">
<label class="fas fa-star full" for="wpdiscuz-star_0_0647cf65361d89_1" title="1"></label>
</fieldset>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="wpd-form-col-right">
<div class="wpdiscuz-item wc_email-wrapper wpd-has-icon">
<div class="wpd-field-icon"><i class="fas fa-at"></i></div>
<input id="wc_email-0_0" value="" class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email">
<label for="wc_email-0_0" class="wpdlb">Email</label>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<input type="hidden" class="wpdiscuz_unique_id" value="0_0" name="wpdiscuz_unique_id">
</form>POST
<form class="wpd_comm_form wpd-secondary-form-wrapper" method="post" enctype="multipart/form-data" data-uploading="false">
<div class="wpd-field-comment">
<div class="wpdiscuz-item wc-field-textarea">
<div class="wpdiscuz-textarea-wrap ">
<div class="wpd-avatar">
<img alt="guest" src="https://secure.gravatar.com/avatar/?s=56&d=mm&r=g" srcset="https://secure.gravatar.com/avatar/?s=112&d=mm&r=g 2x" class="avatar avatar-56 photo avatar-default" height="56" width="56" loading="lazy"
decoding="async">
</div>
<div id="wpd-editor-wraper-wpdiscuzuniqueid" style="display: none;">
<div id="wpd-editor-char-counter-wpdiscuzuniqueid" class="wpd-editor-char-counter"></div>
<label style="display: none;" for="wc-textarea-wpdiscuzuniqueid">Label</label>
<textarea id="wc-textarea-wpdiscuzuniqueid" name="wc_comment" class="wc_comment wpd-field"></textarea>
<div id="wpd-editor-wpdiscuzuniqueid" style="border-bottom: 1px solid rgb(221, 221, 221);"></div>
<div id="wpd-editor-toolbar-wpdiscuzuniqueid" class="wpd-toolbar-hidden">
<div class="wpd-editor-buttons-right">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wpd-form-foot">
<div class="wpdiscuz-textarea-foot">
<div class="wpdiscuz-button-actions"></div>
</div>
<div class="wpd-form-row">
<div class="wpd-form-col-left">
<div class="wpdiscuz-item wc_name-wrapper wpd-has-icon">
<div class="wpd-field-icon"><i class="fas fa-user"></i></div>
<input id="wc_name-wpdiscuzuniqueid" value="" required="required" aria-required="true" class="wc_name wpd-field" type="text" name="wc_name" placeholder="名前（ニックネーム）*" maxlength="20" pattern=".{1,20}" title="">
<label for="wc_name-wpdiscuzuniqueid" class="wpdlb">名前（ニックネーム）*</label>
</div>
<div class="wc-field-submit">
<input id="wpd-field-submit-wpdiscuzuniqueid" class="wc_comm_submit wpd_not_clicked wpd-prim-button" type="submit" name="submit" value="コメントする">
</div>
</div>
<div class="wpd-form-col-right">
<div class="wpdiscuz-item wc_email-wrapper wpd-has-icon">
<div class="wpd-field-icon"><i class="fas fa-at"></i></div>
<input id="wc_email-wpdiscuzuniqueid" value="" class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email">
<label for="wc_email-wpdiscuzuniqueid" class="wpdlb">Email</label>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id">
</form>Text Content
コンテンツへスキップ * 検索: * ホーム * デザイナーを目指す * 就職・転職 * デザインのコツ * 家で学ぶ * 楽しい仕事 * 失敗談 * Webデザイナー * グラフィックデザイナー * プロダクトデザイナー * イラストレーター * インハウスデザイナー * ノンデザイナー * パッケージデザイナー * エディトリアルデザイナー 検索: * ホーム * デザイナーを目指す * 就職・転職 * デザインのコツ * 家で学ぶ * 楽しい仕事 * 失敗談 * Webデザイナー * グラフィックデザイナー * プロダクトデザイナー * イラストレーター * インハウスデザイナー * ノンデザイナー * パッケージデザイナー * エディトリアルデザイナー * デザインのコツ 【和風の色の組み合わせ一覧表】誰でも絶対おしゃれ！日本の伝統的な配色ができる！ by EL(エル) · 公開済み 2021年7月16日 · 更新済み 2021年7月19日 イラスト、服、グッズ作成、書類、Webデザインなど。色の組み合わせって迷いますよね？ 簡単にオシャレな和風カラーの組み合わせが選べる一覧表を作成しました。 春、夏、秋、冬、江戸、平安など。テーマに合わせた伝統的な和風の色の組み合わせがすぐわかります。 仕事や趣味やおしゃれに生かしてくださいね！ 1 和風の色 春 淡いピンク、うぐいす色、爽やかな青を組み合わせるのがコツです。金を差し色にすると華やかな春のイメージになります。 赤と緑は補色（反対の色）なので普通は避けますが、日本の伝統的な組み合わせではよく使用されます。 2 和風の色 夏 黄色、緑、青を使うと、日本の夏のイメージカラーに近づきます。ビビットカラーはあまり使いません。 涼しさを演出するのがコツです。グレーも合わせやすい色です。 3 和風の色 秋 暖色を基本に、グレーが混じった緑や紫を合わせます。 彩度を落として派手になりすぎないようにすると和風の雰囲気が出しやすいです。 4 和風の色 冬 落ち着いた茶色やグレーを使うと、日本の冬の色が出せます。 日本では次の季節をイメージさせる色を使う文化があるので（夏に秋らしい柄の着物を着るなど）淡いピンクや黄色を使うのもおしゃれな冬カラーを演出できますよ。 5 和風の色 江戸 市民に鮮やかなオレンジが禁止されていた時期もあります。そのため色は全体的に彩度の低いくすんだものにすると、江戸らしさが出ます。 6 和風の色 平安 平安貴族は着物を重ね着する文化を持っていたので、重なり合った色が鮮やかで派手です。 特に赤、ピンク、緑の組み合わせは華やかな雰囲気が出やすいです。 7 和風の色 明治 外国文化が取り入れられ、洋装と和装が着られていた華やかな時代です。 残っている浮世絵から想像すると、かなり鮮やかな色の組み合わせが好まれたようです。派手になりすぎないように間に白を入れましょう。 8 和風の色 渋い 落ち着きのある和のイメージに合う組み合わせです。茶色だけでなく緑を使うとかなり日本的な雰囲気が出ます。 雅やかな雰囲気にしたいなら、淡い紫を使うのがコツです。 9 和風の色 高貴 伝統的な貴族や天皇の衣装に使われる色です。 特にオレンジ、黒、白、赤、紫はよく使われます。女性的な色なら紫と渋めの緑が華やかさを演出できます。 色選びのコツ 日本の色は季節に合わせ、赤と緑を効果的に使うのがコツです。 モダンな日本のイメージならビビットカラーがよく合いますが、伝統的な和風のイメージを出したいなら彩度は落としましょう。 江戸時代に築かれた茶色と紺色を使う文化（染め物用の植物が市民でも入手しやすかった）を活かすと簡単に「おしゃれな和風」の色が出せますよ。 関連記事 デザイン業界の歩き方 https://design-noie.com/color-chart 【色の組み合わせ一覧表】誰でも絶対おしゃれ！センス抜群の配色ができる！ 5 Pockets 服、イラスト、Webデザイン、書類、グラフィックデザインなど、色選びは大切ですよね。配色で印象がグッと変わります！今日は、イメージに合わせて色が選べる一覧表を作りました。私も仕事柄、色を選ぶ機会は多いですが、プロでもこういった一覧表を利用します。な... 続きを読む EL(エル) 日本でデザイナー7年→フランス住→帰国して1年のフリーランスデザイナーです。ブラック労働やうつ病も経験し、その頃はどん底でした。その後海外に行くことを決意。実行しました。特技はフランス語ですが、英語が全然できないポンコツです。こんど住むならロンドンがいいなと思っています。 0 0 投票 この記事の評価 Login Label 名前（ニックネーム）* この記事の評価 記事内容の評価をすることができます。執筆者のモチベーションと記事改善に役立ちます Email Label 名前（ニックネーム）* Email 2 コメント 最新のコメント 最も古いコメント 最も評価されたコメント インラインフィードバック 全てのコメントを表示する こいおおおっき ゲスト 3 ヶ月 前 とても良かった 0 返信 EL(エル) auther 返信先 こいおおおっき 3 ヶ月 前 ありがとうございます！とても励みになります。 0 返信 ABOUT クリエイターになりたい、デザインに興味がある、デザイナーとしてさらにスキルを磨きたい。現役デザイナーがアドバイス＆体験談を語るメディアです！ Carbon フランスのインハウスデザイナーです。いくつかのデザイン会社を経験して今に至ります。仕事は好きだけど南国でのんびり暮らしたいです。 EL（エル） グラフィックデザイナー。大手企業のパッケージ、雑誌などを多く手がけてきました。うつ病とPTSDを発症して厄介なことになりましたが今はなんとか健康にしています！ おすすめ記事 PICK UP! フリーランス向け グラフィックデザイン [ 仕事料金表 ] PICK UP! デザイナーを目指す人！ 相談があれば このページでどうぞ〜！ PICK UP! 私が買った方法！ フォトショとイラレを 最安で買う方法 PICK UP! 徹底比較しました！ Webデザインスクール ランキング！ PICK UP! 初心者におすすめ！ クリエイティブ系 副業解説！ パッケージデザイナーの関連記事 パッケージデザイナーはどんな仕事？ * パッケージデザイナーの仕事内容 なりかた * パッケージデザイナーになるには 参考書 * パッケージデザイナーを目指すなら必見！デザイン本8選 有名会社 * パッケージデザイン会社大手 体験談 * 私がパッケージデザイナーになった理由、魅力を解説！ * パッケージデザイナーで良かった事、悪かった事 エディトリアルデザイナーの関連記事 エディトリアルデザイナーはどんな仕事？ * エディトリアルデザイナーになるには？どんな仕事？ 経験談 * エディトリアルデザイナーの良いところ、悪いところの経験を語る アルバイトは役に立つ！ * エディトリアルデザイン事務所でアルバイトすると役に立つ！経験談 グラフィックデザイナー関連記事 目指す * グラフィックデザイナーになるには？ * グラフィックデザイン学校ランキング * グラフィックデザイン学校の学費・予算はいくら？ * グラフィックデザイナーの仕事内容や将来の年収は？ * 30代未経験でグラフィックデザイナーになる方法4つ！ * 働きながらのグラフィックデザインスクール4選 * 家で独学！デザインスキルが確実に身につくおすすめ勉強法 * 未経験からグラフィックデザイナーを目指す人へ！難しいです！ アドビソフト購入（契約） * イラストレーターとフォトショップ最安値解説 有名会社 * デザイン会社大手 * 広告会社大手 * パッケージデザイン会社大手 スキル * フォトショップとイラストレーター求人で必要なレベル * 独立・転職前の必須スキル 経験談 * 私がパッケージデザイナーになった理由、就職試験や必要スキル、魅力を解説！ * パッケージデザイナーで良かった事、悪かった事。楽しい？ * エディトリアルデザイン事務所でアルバイトすると役に立つ！経験談 * エディトリアルデザイナーの良いところ、悪いところの経験を語る * グラフィックデザイナーの仕事がつらい * ブラックなデザイン会社辞めて、うつ病になって、海外に行きました * デザイン会社がブラックだった時の対策 転職 * グラフィックデザイナーの転職サイト * 未経験でグラフィックデザイナーに転職は99%無理 パソコン * グラフィックデザイナーが実際に使っているパソコンとスペック 最近のコメント * EL(エル) 2023年5月24日 at 22:10 on デザイナー就活失敗した話それは良かったです！応援しております。フラッペさんの努力が報われますように！！ * EL(エル) 2023年5月24日 at 22:06 on 【パッケージデザイナー】になるには？現役デザイナーが解説！Aさんはじめまして！ いちばん大切な技術は、どんな商品のパッケージデザイナーを目指すかに寄りますが、…» * EL(エル) 2023年5月24日 at 21:53 on 未経験がデザイン事務所で働くってどうなの？仕事内容と就職するためのコツ！メールアドレス、無事受け取りました！再送ありがとうございます。 ランキング * デザイナー用転職サイトランキング * 働きながらの【グラフィックデザイン】スクールランキング * 働きながらの【WEBデザイン】スクールランキング * 【グラフィックデザイン】私のおすすめ学校ランキング！ * 工業デザインが学べる優秀大学ランキング トップ8校！就職に有利！ * ゲームデザインが勉強できる学校ランキング！ 働きながら学ぶ * Webデザイナー * グラフィックデザイナー * 30代未経験 * 家で独学 * プログラミング 一覧表 * デザイナー(全般)の転職一覧表 * デザイナー（グラフィック）の転職一覧表 * フリーランスグラフィックデザイナーの仕事料金表 * 色の組み合わせ（配色）一覧表 デザインのコツの関連記事 デザインの仕方 * 色見本帳 * チラシ、ポスター * 独学のデザイン勉強方法 * ノベルティ イラストレーター・フォトショップ * イラストレーター * フォトショップ 普段の仕事に役立つデザイン知識 * 【パワーポイント】説得力ある資料デザインをするためのおすすめ本！ デザインのコツの関連記事 デザインの仕方 * 色見本帳 * チラシ、ポスター * 独学のデザイン勉強方法 * ノベルティ イラストレーター・フォトショップ * イラストレーター * フォトショップ 普段の仕事に役立つデザイン知識 * 【パワーポイント】説得力ある資料デザインをするためのおすすめ本！ パッケージデザイナーの関連記事 パッケージデザイナーはどんな仕事？ * パッケージデザイナーの仕事内容 なりかた * パッケージデザイナーになるには 参考書 * パッケージデザイナーを目指すなら必見！デザイン本8選 有名会社 * パッケージデザイン会社大手 体験談 * 私がパッケージデザイナーになった理由、魅力を解説！ * パッケージデザイナーで良かった事、悪かった事 エディトリアルデザイナーの関連記事 エディトリアルデザイナーはどんな仕事？ * エディトリアルデザイナーになるには？どんな仕事？ 経験談 * エディトリアルデザイナーの良いところ、悪いところの経験を語る アルバイトは役に立つ！ * エディトリアルデザイン事務所でアルバイトすると役に立つ！経験談 グラフィックデザイナー関連記事 目指す * グラフィックデザイナーになるには？ * グラフィックデザイン学校ランキング * グラフィックデザイン学校の学費・予算はいくら？ * グラフィックデザイナーの仕事内容や将来の年収は？ * 30代未経験でグラフィックデザイナーになる方法4つ！ * 働きながらのグラフィックデザインスクール4選 * 家で独学！デザインスキルが確実に身につくおすすめ勉強法 * 未経験からグラフィックデザイナーを目指す人へ！難しいです！ アドビソフト購入（契約） * イラストレーターとフォトショップ最安値解説 有名会社 * デザイン会社大手 * 広告会社大手 * パッケージデザイン会社大手 スキル * フォトショップとイラストレーター求人で必要なレベル * 独立・転職前の必須スキル 経験談 * 私がパッケージデザイナーになった理由、就職試験や必要スキル、魅力を解説！ * パッケージデザイナーで良かった事、悪かった事。楽しい？ * エディトリアルデザイン事務所でアルバイトすると役に立つ！経験談 * エディトリアルデザイナーの良いところ、悪いところの経験を語る * グラフィックデザイナーの仕事がつらい * ブラックなデザイン会社辞めて、うつ病になって、海外に行きました * デザイン会社がブラックだった時の対策 転職 * グラフィックデザイナーの転職サイト * 未経験でグラフィックデザイナーに転職は99%無理 パソコン * グラフィックデザイナーが実際に使っているパソコンとスペック ランキング * デザイナー用転職サイトランキング * 働きながらの【グラフィックデザイン】スクールランキング * 働きながらの【WEBデザイン】スクールランキング * 【グラフィックデザイン】私のおすすめ学校ランキング！ * 工業デザインが学べる優秀大学ランキング トップ8校！就職に有利！ * ゲームデザインが勉強できる学校ランキング！ スキル * フォトショップ * イラストレーター * 資格 働きながら学ぶ * Webデザイナー * グラフィックデザイナー * 30代未経験 * 家で独学 * プログラミング 一覧表 * デザイナー(全般)の転職一覧表 * デザイナー（グラフィック）の転職一覧表 * フリーランスグラフィックデザイナーの仕事料金表 * 色の組み合わせ（配色）一覧表 カテゴリー * こども教育 (3) * その他 (1) * クリエイターの仕事道具 (23) * クリエイティブライフ (38) * デザイナーの悩み (43) * デザインのコツ (13) * ランキング (7) * 大学・専門学校選び（高校生向け） (29) * 新卒 (52) * 未経験からデザイナー (45) * 転職（デザイナー経験者） (69) 最近の投稿 * 【フルリモートで年収600万のデザイナー】が最強に幸せだと思う件 2023年2月5日 * 「インハウスデザイナーはやめとけ」はもう古い！逆にオススメの理由 2023年2月5日 * 東京からのテレワーク引っ越しで後悔した体験談【都心から1時間半】 2023年1月31日 * 【2023】デザイナー転職の必勝法！皆が使うおすすめ求人サイトは？ 2023年1月25日 * せっかくのテレワークなのに引っ越しをしない人は損する理由 2023年1月22日 アーカイブ アーカイブ 月を選択 2023年2月 (2) 2023年1月 (3) 2022年11月 (3) 2022年10月 (7) 2022年9月 (2) 2022年7月 (1) 2022年4月 (2) 2022年2月 (5) 2022年1月 (1) 2021年12月 (2) 2021年11月 (2) 2021年9月 (2) 2021年7月 (3) 2021年5月 (1) 2021年4月 (1) 2021年3月 (11) 2021年2月 (1) 2021年1月 (1) 2020年12月 (2) 2020年11月 (3) 2020年10月 (3) 2020年9月 (9) 2020年8月 (15) 2020年7月 (11) 2020年6月 (22) 2020年5月 (12) 2020年4月 (12) 2020年3月 (18) 2020年2月 (8) 2020年1月 (5) 2019年12月 (8) 2019年11月 (10) 2019年10月 (44) 2019年9月 (11) 2019年8月 (9) 2018年12月 (2) 2018年11月 (2) 2018年3月 (5) 2017年9月 (2) 2017年8月 (1) 2017年6月 (1) 2017年5月 (4) 2017年4月 (2) 2017年3月 (5) 2017年2月 (5) 2017年1月 (1) 2016年12月 (1) 2016年11月 (3) 2016年10月 (2) 2016年9月 (2) 2016年8月 (1) 2016年7月 (2) 2016年6月 (6) 2016年5月 (4) 2016年4月 (2) 2016年3月 (4) 2015年10月 (5) 2015年9月 (1) 2015年8月 (1) 2015年6月 (3) * ホーム * About * プライバシーポリシー デザイン業界の歩き方 © 2023. All Rights Reserved. * wpDiscuz 2 0 質問があればコメント欄へお願いします！x () x | 返信 Insert