ウェブデザインよく使われる色彩パターン表

色相で分類

ここでは、ウェブデザインでよく用いられる色彩パターンを色相の順に分類しています。各カテゴリはその色相を中心に、他の色相や同色相を組み合わせ、対比と調和の手法を用い、軽快から濃いまでの順序で並べています。

赤色

オレンジ

黄色:黄色(きょうさ)

黄色緑色

緑色

緑青色

青色

藍紫色:青紫色 (あいしろい)

紫色:紫(し)

紫紅色(しき紅色)

印象でカテゴリ分け

色彩の組み合わせは見かけ上複雑ですが、神秘ではありません。それぞれの色が印象空間に位置を持ち、色の組み合わせによる印象は加減法で近似推定できます。色がすべて明るいと、組み合わせた色は自然と柔らかく明るくなります。逆に色が濃いと、組み合わせた色も濃くなります。デザインでは、同様の明度やコントラスト

柔らかく、明るく、優しく

明るい色を組み合わせると、柔らかく、明るく、穏やかな印象が得られます。目が疲れるのを避けるために、デザイナーは低亮度の前景色を使い、色環上での色の距離も退屈しないようにしています。

やわらかく、きれいで、さわやか

柔らかく、清潔で気持ち良い印象を与えるために、色環の中で青から緑に近い色が最適です。明るさも高めです。ほぼ全ての組み合わせには白色が含まれています。実際のデザインでは、白色を高明るい色相のブルー緑のコンtrastカラーで置き換えることもできます。

かわいい、楽しい、面白い

可愛、快楽、面白い印象の色使いは、色相が均等に配分され、冷暖色が組み合わされ、鮮やかさと色の鮮明さが高いです。

活発で、楽しい、面白い

活発で、楽しい、面白いという印象に対し、色の選択が幅広くなりました。最も重要な変化は、純白を低彩度のカラフルな色やグレーで置き換えたことです。

スポーツ型、軽快

動きの色彩は劇的で刺激的な印象を強調し、同時に健康や幸せ、陽気な雰囲気を表現する必要があります。したがって、高さ巡りで明るさが低めの色彩がよく使われます。

軽快で豪華、動きに富む

豪華な印象を与えるには、ページはカラフルで鮮やかで、明るさを控えめにすると印象が強化されます。

野性、豊富、動感

狂野な印象空間には低彩度の色は欠かせず、適切な黒色と組み合わせることも可能。他の色は高彩度で、強いコントラストがある。

豪華、派手、女性らしさ

パッケージのデザインで、紫とマゼンタが主役で、ピンクと緑もよく使われる色です。これらの色は高彩度で組み合わせるのが一般的です。

後味、女性らしさ、優雅

エレガントな感じが独特、色の鮮やかさは落ち着かせましょう。通常は青と赤の間で、明度と鮮やかさを調整して組み合わせます。

高尚:高尚 自然:自然 安稳:穏やか

高尚は低輝度の黄緑色を使用、色の明るさを下げ、色のバランスに注意すれば、ページは落ち着くように見える。

鎮静、自然 (せいれい、しぜん)

緑は冷静・自然な印象を主役にするが、ページの主要な色として緑を使うとネガティブな印象に陥りがちなので、デザインの重要性を重視すべきです。

伝統的、高尚的、優雅な

伝統的なデザインでは、色の彩度を低めに抑えることが一般的です。特に茶色は適しています。前述の紫も、高雅で優雅な印象を与える一般的な色相です。

伝統的、重厚感のある、古典的

伝統的、重厚感のある、古典的は保守的な印象です。色の選び方としては低輝度の暖色を多く使うのがベストで、この組み合わせが熟成した审美に合います。

忠厚:忠厚 稳重:重厚 有品位:品味が高い

明度・鮮度低い色は忠厚、重厚な印象を与えます。色彩が過度に保守的で、ページが硬く、消極的になるのを避けるために、冷暖色の組み合わせと明暗のコントラストに注意を払うべきです。

シンプル、クリーン、進歩

シンプルでクリーンの色合いは、ブルーやグリーンで表現し、広い範囲でホワイトを残す。進んだ印象には、ブルーを多用し、低いサチュレーションやグレーと組み合わせる。

シンプル、ファッション、エレガント

グレーは最もバランスの取れた色で、プラスチックや金属の質感の主色彩の一つです。そのため、エレガントでファッションを表現するには、適切に、時には広範囲に使用できます。しかし、パターンや質感の構造には注意が必要です。

シンプル、進歩、ファッション

進歩を表す色は主に青が中心で、グレーと合わせます。明度が統一され、色相が近接しているため、色彩はシンプルに見えます。

最近使用した:

収蔵 メニュー QQ