Dear color lovers – together, we’ll have a more colorful future. Support us on

カラー名
HEX #30AB7100

インフォメーション

一網打尽

コンプリメンタリー・カラー

コンプリメンタリとは、まず第一に相互補完の意味です。

この色調 #30AB7100 の場合、もう一方の色と正確に対立する直接の補色 #CF548E00 が常に存在します。

表示されている色の背景に、その補色でテキストを表示すると、目に優しく、はっきりと区別がつかないような表示が得られます。ただし、白、黒、グレーの濃淡は特にそうです。これらにより、コントラストカラーは特に自然で心地よく、私たちの目にとって常識的なものとなっています。

明るい色合い

露光は同じ色相に基づき、現在の色 #30AB7100 をより明るくしたものを表します。ボーダーカラーの白と黒のほか、ほとんどの色にウェブデザインに最適なライトバージョンがあります。

以下の明るい色調は、シェード #30AB7100 にマッチします。 #35AB6C00, #46BD7F00, #57CF9200, #68E1A500 と #79F3B800

マウスオーバー効果（CSSでは:hoverと呼ぶ）でボタンを変更したり、カラーグラデーションのような他の色のグラデーションを生成するために使用することができます。

ダークシェード

シェードは同じ色相を基に、現在の色 #30AB7100 をより濃くしたものを表します。ボーダーカラーの白と黒以外にも、ほとんどの色にウェブデザインに最適な色合いがあります。

以下の濃い色合いは、シェード #30AB7100 にマッチします。 #30AB7100, #1F995E00, #0E874B00, #00753800 と #00632500

特に、マウスオーバー効果（CSSでは:hoverと呼ばれる）でボタンを変更したり、他の色のグラデーションを生成するために使用することができます。

アナログカラー

アナログ配色は、カラーホイール上で隣り合う色を使用します。

アナログ配色は、自然界に多く見られるものです。調和がとれており、目にも楽しい。十分なコントラストを持たせることが重要です。1つの色を支配し、もう1つの色をサポートするために選択します。3色目はアクセントとして（黒、白、グレーと一緒に）使われます。

モノクロームカラー

単色の配色は、同じ波長の色を使っています。

単色の配色は、自然界でもよく見受けられます。見た目には調和がとれており、落ち着いているように見えます。

部分補色

部分補色は、補色のバリエーションである。ベースカラーに加えて、補色に隣接する2色が使用されます。

この配色は、補色と同様に視覚的に強いコントラストを持ちますが、直接補色ほどコントラストが強くはないです。部分補色の配色は、デザインに適しています。これらの色は、通常、お互いをよく引き立て合う。

トライアディックカラー

三原色は、カラーホイールの周りに均等に配置された色を使用します。

三色のハーモニーを実現するためには、色をうまく選択する必要があります。そのためには、1色を支配的にして、他の2色をアクセントカラーとして使うことです。

長方形（四分子）カラー

レクタンギュラーまたはテトラディック配色は、4色を2つの補色ペアで使用します。

この豊富なカラースキームは、多くのバリエーションの可能性を提供します。また、暖色系と寒色系のバランスにも気を配ってデザインする必要があります。

スクエアカラー

スクエア配色は、レクタングル配色と同様に、4色すべてがカラーホイールの周りに均等に配置された配色です。

ここで注意すべきは、暖色系と寒色系の色のバランスです。

備考

各デバイスで色の表示が異なります。色は100％一致するわけではありませんので、ご了承ください。実際の色を処理する際には、差異が生じる場合があります。実際の色を比較することをお勧めします。当社は一切の責任を負いません。

カラー名HEX #30AB7100

インフォメーション

コンプリメンタリー・カラー

明るい色合い

ダークシェード

アナログカラー

モノクロームカラー

部分補色

トライアディックカラー

長方形（四分子）カラー

スクエアカラー

備考

表示オプション

原色

コンプリメンタリー・カラー

明るい色合い

ダークシェード

アナログカラー

モノクロームカラー

部分補色

トライアディックカラー

長方形（四分子）カラー

スクエアカラー

商品説明

メーカーとしてのカラーパレットの検証！

人気のあるコンバージョン

カラー名
HEX #30AB7100