青と補色を使ってデザインする方法

青は、Web デザインで最もよく使用される色の 1 つです。中程度から濃い青を使用すると、デザイナーが黄色とオレンジを補うことでリラックスした雰囲気を促進できます。

ここでは、青を他の色と組み合わせるさまざまな方法をいくつか紹介します。

反対の色は魅力的で、青はオレンジとよく合います

ライフワイヤー / J.ベア

組み合わせを検討する 青い色 オレンジが入った 補色スキーム 。

最も暗いものから最も明るいものまで、上の画像の各青色の色見本に示されているオレンジは次のとおりです。

• 16 進数 #FFA500 | RGB 255,165,0 (金色のオレンジ、SVG カラー キーワードおよび CSS カラー キーワード オレンジ)
• 16 進数 #FF8000 | RGB 255,128,0 (ミディアムオレンジ)
• 16 進数 #FF4500 | RGB 255,69,0 (オレンジレッド、SVG カラーキーワードオレンジレッド)
• 16 進数 #C83200 | RGB 200,50,0 (濃いオレンジ)
• 数値: 16 進数 #FF7F27 | RGB 255,127,39 (桃がかったオレンジ)

ブルーは、暗いものから明るいものまで次のとおりです。

海軍 :16 進数 #000080 | RGB 0,0,128 (CSS カラーキーワード/SVG カラーキーワード ネイビー) 青：16 進数 #0000FF | RGB 0,0,255 (CSS/SVG カラーキーワードは青、ブラウザセーフカラー)
1. 16 進数: #0045FF | RGB 0,69,255 (中間の青)
スチールブルー:16 進数 #4682B4 | RGB 70,130,180 (SVG カラーキーワード スチールブルー、企業の青)
2. 16 進数: #0080FF | RGB 0,128,255 (中間の青)
ライトブルー：16 進数 #ADD8E6 | RGB 173,216,230 (SVG カラーキーワード ライトブルー)

ダークブルー そして 中程度の青の色合い 重要性、自信、権力、知性、安定性、団結、保守主義を象徴しています。ダークブルーが主体のパレットにオレンジを加えることで、パレットが堅苦しくなりすぎたり、主張しすぎたりするのを防ぐ暖かさとエネルギーが生まれます。

スナップスコアはどうやって上げるの？

これらの正確な色合いを使用する必要はありません。少し明るくまたは暗くするか、カラー ホイール上で 1 つずつ左または右に移動します。これらの色の組み合わせは、青とオレンジを主成分として使用する適切なカラー パレットを見つけるのに役立ちます。

ディープブルーとゴールデンイエローをミックス

ライフワイヤー / J.ベア

ダークブルーをほぼ紫にし、補色スキームでサンシャインイエローを加えます。

青は、紫がかった色調を追加すると寒色から暖色に変化しますが、黄色はカラー ホイールの反対側にある暖色です。不快な振動を避けるため、同量での使用は避けてください。黄色を少し加えて青を活気づけます（または、少し青を加えて黄色を落ち着かせます）。

最も暗いものから最も明るいものまで、上の画像の各青色の色見本に示されている黄色は次のとおりです。

カジウムイエロー:16 進数 #FF9912 | RGB 255,153,18 (温かみのある茶色がかった黄色)金：16 進数 #FFD700 | RGB 255,215,0 (SVG カラーキーワード ゴールド)
• 数値: 16 進数 #FFFF00 | RGB 255,255,0 (SVG/CSS カラーキーワード黄色)

ブルースは次のとおりです。

非常に濃い青:16 進数 #000033 | RGB 0,0,51 (ブラウザセーフなダークブルー)ミッドナイトブルー：16 進数 #191970 | RGB 25,25,112 (SVG カラーキーワード ミッドナイトブルー)ダークスレートブルー:Hex #483D8B RGB 72,61,139 (SVG カラー キーワード darkslateblue、灰紫がかった青)インジゴ：16 進数 #4B0082 | RGB 75,0,130 (SVG カラーキーワード インディゴ、紫がかった青)青紫色：16 進数 #8A2BE2 | RGB 138,43,226 (SVG カラーキーワード青紫)コバルトブルー：ヘックス #3D59AB | RGB 61,89,171

青の紫がかった紫の側面を押し出す色は、神秘的な雰囲気や女性らしさのヒントを加えることができます。涼しげなブルーに温かみを加えています。

シアンとダークオレンジの色合い

ライフワイヤー / J.ベア

グーグルから写真を保存する方法

中程度から濃いシアンは、緑に近い青です。ここでは、さまざまなミディアムブルーとシアンの色合いが、濃い茶色がかったオレンジ色と組み合わされています。

この濃い青は、心を落ち着かせる特性に加えて、バランス、調和、安定といった緑の象徴性を持っている可能性があります。茶色がかった色や赤みがかったオレンジの色合いと組み合わせると、少し暖かさとエネルギーが生まれます。ブラウンは自然で落ち着いた中間色です。赤とシアンは、カラーホイールではコントラストが高く反対の色ですが、必ずしも優れた組み合わせであるとは限りません。赤からオレンジ、そして濃い青に移行すると、より心地よいパレットが得られます。

最も暗いものから最も明るいものまで、上の画像の各青の色見本に示されている赤とオレンジは次のとおりです。

ディープオレンジレッド:16 進数 #CD3700 | RGB 205,55,0カドミウムオレンジ:16 進数 #FF6103 | RGB 255,97,3
• 番号: 赤 16 進数 #FF0000 | RGB 255,0,0 (SVG/CSS カラーキーワード赤)

ブルースは次のとおりです。

ダークロイヤルブルー:16 進数 #27408B | RGB 39,64,139ディープスカイブルー：16 進数 #00688B | RGB 0,104,139 ( ない カラーキーワードディープスカイブルー)ダークスレートブルー:16 進数 #2F4F4F RGB 47,79,79 ( ない カラーキーワードダークスレートブルー)ダークシアン:16 進数 #008B8B | RGB 0,139,139 (青の緑側)マンガンブルー:16 進数 #03A89E | RGB 3,168,158 (青みがかったターコイズ色)シアン（アクア）：16 進数 #00FFFF | RGB 0,255,255 (SVG カラーキーワード シアンまたはアクア、青緑色)

青、赤、黄

ライフワイヤー / J.ベア

分割された補色トライアドは 1 つの色 (この場合は青) を取得し、その色の補色の両側の色 (カラー ホイール上の反対の色) を取得します。純粋な青の補色は純粋な黄色です。ミディアムブルーはオレンジの反対側です。どのような青の色合いから始めて、中間の色を何色通過するかに応じて、ピンクがかった赤から黄緑までの色と組み合わせることができます。

1. 海軍： 16 進数 #000080 | RGB 0,0,128
2. 真っ赤： 16 進数 #FE0004 | RGB 254,0,4
3. サニーイエロー： 16 進数 #FFFB00 | RGB 255,251,0
4. ダークスレートブルー: 16 進数 #483D8B RGB 72,61,139 (SVG カラー キーワード ダーク スレート ブルー、灰紫がかった青)
5. 金： 16 進数 #FFD700 | RGB 255,215,0 (SVG カラーキーワード ゴールド)
6. シャルトルーズ : 16 進数 #7FFF00 | RGB 127,255,0
7. ダークシアン: 16 進数 #008B8B | RGB 0,139,139 (青の緑側)
8. バイオレットレッド: 16 進数 #D02090 | RGB 208,32,144
9. ダークオレンジ: 16 進数 #C83200 | RGB 200,50,0 ( ない カラーキーワード ダークオレンジ)

青の濃い色合いは、重要性、自信、権力、権威、知性、安定性、団結、保守主義を表します。赤もパワーカラーですが、青よりも注目を集めます。黄色は明るさと喜びを加えます。各色を同量使用すると、例 1 のように子供っぽくなります (原色を考えてください)。ただし、主に濃い青の配色で赤と黄色 (またはその近くの色) を少量だけ使用する場合は、見られたくない成人向けのプロジェクトに非常に適しています。あまりにも深刻な。

ライフワイヤー / マリーナ・リー

スナップチャットで誰かを追加するとき