サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
購入・発注したい方
サービスを探す
プロ人材を探す
ノウハウ・素材を探す
ブログを探す
仕事・求人を投稿して募集
エージェントに人材を紹介してもらう
受注・働きたい方
出品する
単発の仕事を探す
継続 (時給/月給) の仕事を探す
エージェントに仕事を紹介してもらう
カテゴリ一覧
イラスト作成・漫画制作
デザイン制作
Web制作・HP作成・EC構築
動画編集・映像制作
集客・マーケティング相談
ビジネス代行・事務代行
音楽制作・ナレーション
IT相談・システム開発
ライティング・翻訳
コンサルティング・士業
生成AI活用・開発・制作
占い
悩み相談・カウンセリング
学習指導・資格・キャリア相談
住まい・美容・生活相談
オンラインレッスン・習い事
ハンドメイド制作
出張撮影・出張サービス
資産運用・副業の相談
弁護士検索・法律Q&A(法律相談)
サポート
はじめての方へ
ご利用ガイド
お困りのときは
ログイン
会員登録
サービスを探す
イラスト作成・漫画制作
>
デザイン制作
>
Web制作・HP作成・EC構築
>
動画編集・映像制作
>
集客・マーケティング相談
>
ビジネス代行・事務代行
>
音楽制作・ナレーション
>
IT相談・システム開発
>
ライティング・翻訳
>
コンサルティング・士業
>
生成AI活用・開発・制作
>
占い
>
悩み相談・カウンセリング
>
学習指導・資格・キャリア相談
>
住まい・美容・生活相談
>
オンラインレッスン・習い事
>
ハンドメイド制作
>
出張撮影・出張サービス
>
資産運用・副業の相談
>
>
プロ人材を探す
>
ノウハウ・素材を探す
ブログを探す
>
求人募集を投稿する
人材を紹介してもらう
仕事を探す
出品する
仕事を探す
仕事を紹介してもらう
出品する
仕事を紹介してもらう
求人募集を投稿する
人材を紹介してもらう
ブログを投稿
会員登録で10%割引クーポンを獲得!
会員登録で10%割引クーポンを獲得!
ココナラブログ
ホーム
ブログトップ
ブログ
デザイン・イラスト
トーンで考えるカラーコーディネート
記事
デザイン・イラスト
HANA HAPPY 87
2026/07/02 00:10
前回の続き
トーンで考えるカラーコーディネート
今日は**トーン(明るさ・鮮やかさ)**を組み合わせた配色について学びました!
🌿 同一トーン
同じトーン同士で組み合わせる方法。
✔ トーンが持つイメージがそのまま伝わる
✔ 統一感があり、まとまりのある印象に
🍀 類似トーン
近いトーン同士を組み合わせる方法。
✔ ファッションでもよく使われる配色
✔ 明度や彩度に少し違いをつけることで、自然でモダンな印象になる
🌟 対照トーン
異なるトーンを組み合わせる方法。
✔ トーンのコントラストが強くなる
✔ メリハリがあり、印象に残りやすいコーディネートになる
🎨 色相とトーンを組み合わせたカラーコーディネート
🟢 同一色相 × 対照トーン
同じ色相でもトーンに変化をつける組み合わせ。
✔ 単調になりにくい
✔ 統一感を保ちながらメリハリも演出できる
🔵 対照色相 × 同一トーン
反対色でもトーンを揃える組み合わせ。
✔ 色相は対照的でもまとまりが生まれる
✔ トーンのイメージをしっかり伝えられる
🟣 対照色相 × 対照トーン
対照色相や補色色相にトーンの変化も加える組み合わせ。
✔ メリハリがあり印象的な配色
✔ ファッションでもバランスの良い組み合わせとして活用される
✔ トーンを工夫することで、より取り入れやすい配色になる
💡 今日の学び
同じ色でも「トーン」を意識するだけで、受ける印象は大きく変わります。
Webデザインでも配色はとても重要なので、色相だけでなくトーンまで考えてデザインできるようになりたいと思いました!🎨✨
#色彩検定
CSSで背景画像の実装
一覧に戻る
CSS・JavaScriptでサイトの完成度をアッ...
このブログを見た人にオススメ
黒い文字なのに読みにくい?「視認性・可読性・誘目性」の違い
記事
デザイン・イラスト
HANA HAPPY 87
2026/09/25 00:26
お店では同じ色に見えたのに、家で見たら違う色?「メタメリズム」とは
記事
デザイン・イラスト
HANA HAPPY 87
2026/09/23 23:40
【色彩検定3級・2級】知識チェック!10問ミニ問題集②
記事
デザイン・イラスト
HANA HAPPY 87
2026/09/22 23:32
【色彩検定3級・2級】知識チェック!10問ミニ問題集
記事
デザイン・イラスト
HANA HAPPY 87
2026/09/21 23:34
同じグレーなのに色が違って見える?「色陰現象」とは
記事
デザイン・イラスト
HANA HAPPY 87
2026/09/20 23:54