#3f8861の配色パターン、色の組み合わせが一目でわかるWEB色見本

Googleアカウントでログインすると広告表示が控えめになります

#3f8861の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#3f8861の配色パターン

同一色相、同一彩度の配色

明度に変化を持たせた配色

#3f8861の配色パターン

#173324の配色パターン

#2f6649の配色パターン

#46996dの配色パターン

#5ecc91の配色パターン

#75ffb6の配色パターン

■#3f8861 ■#173324 ■#2f6649 ■#46996d ■#5ecc91 ■#75ffb6

同一色相、同一明度の配色

彩度に変化を持たせた配色

#3f8861の配色パターン

#6c8779の配色パターン

#51876aの配色パターン

#36875cの配色パターン

#1b874dの配色パターン

#00873fの配色パターン

■#3f8861 ■#6c8779 ■#51876a ■#36875c ■#1b874d ■#00873f

コンプリメンタリー配色Complementary

色相環の正反対にある色同士の配色

#3f8861の配色パターン

#873e65の配色パターン

■#3f8861 ■#873e65

トライアド配色Triads

色相環を正三角形で3等分した位置にある3色の配色

#3f8861の配色パターン

#603e87の配色パターン

#87603eの配色パターン

■#3f8861 ■#603e87 ■#87603e

アナロガス配色Analogous

色相環で隣り合う色を組み合わせた配色

#65873eの配色パターン

#3f8861の配色パターン

#3e6587の配色パターン

■#65873e ■#3f8861 ■#3e6587

スプリット・コンプリメンタリー配色Split Complementary

基準色とその補色の類似色を使った配色

#3f8861の配色パターン

#853e87の配色パターン

#873e41の配色パターン

■#3f8861 ■#853e87 ■#873e41

テトラード配色(長方形)Tetrad

色相環を長方形に4分した位置にある4色の配色

#3f8861の配色パターン

#603e87の配色パターン

#873e65の配色パターン

#65873eの配色パターン

■#3f8861 ■#603e87 ■#873e65 ■#65873e

テトラード配色(正方形)Tetrad

色相環を正方形に4等分した位置にある4色の配色

#3f8861の配色パターン

#3e4187の配色パターン

#873e65の配色パターン

#87853eの配色パターン

■#3f8861 ■#3e4187 ■#873e65 ■#87853e

ペンタード配色Pentad

色相環を正五角形で5等分した位置にある5色の配色

#3f8861の配色パターン

#3e5687の配色パターン

#7d3e87の配色パターン

#87433eの配色パターン

#74873eの配色パターン

■#3f8861 ■#3e5687 ■#7d3e87 ■#87433e ■#74873e

ヘクサード配色Hexad

色相環を正六角形で6等分した位置にある6色の配色

#3f8861の配色パターン

#3e6587の配色パターン

#603e87の配色パターン

#873e65の配色パターン

#87603eの配色パターン

#65873eの配色パターン

■#3f8861 ■#3e6587 ■#603e87 ■#873e65 ■#87603e ■#65873e