スプリット補色
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/split-complementary/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/split-complementary/
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/split-complementary/)
Use the native HTML custom element.
基準色と、その補色の両隣に位置する2色を用いた配色。
Split-complementary is a variation of the complementary scheme that offers strong visual contrast but with less tension. For example, instead of pairing blue with orange (its complement), a split-complementary scheme pairs blue with yellow-orange and red-orange. This provides the contrast benefits of complementary colors while being more forgiving and versatile. It is one of the most recommended schemes for beginners because it is hard to get wrong and always produces a balanced, appealing result.
試してみる
関連記事
カラーハーモニーとは?美しいパレットを作るためのルール
カラーハーモニーとは何かを学ぶ — 補色・類似色・三角色・四角色の配色。視覚的に心地よい色の組み合わせの背景にあるルールを理解します。
シャルトリューズとは何色?最も混乱を招くカラー
シャルトリューズは誰もを混乱させます。CSSでは#7FFF00(黄緑)と定義されていますが、多くの人が赤かピンクだと主張します。科学、歴史、デザインの観点から解説。
色の輪を理解する:完全ガイド
基本色、二次色、三次色について学びます。補色、類似色、三色配色の関係を理解して、より良いデザインを実現します。
オーバーンとは何色?髪色・デザイン・HEXコード
オーバーンはHEXコード#A52A2Aの深みのある赤茶色です。チェスナット、マホガニー、コッパーとの違い、デザインや髪色への応用をわかりやすく解説。