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

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

#31a61fの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#31a61fの配色パターン

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

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

#31a61fの配色パターン

#0f330aの配色パターン

#1e6613の配色パターン

#2e991dの配色パターン

#3dcc27の配色パターン

#4cff30の配色パターン

■#31a61f ■#0f330a ■#1e6613 ■#2e991d ■#3dcc27 ■#4cff30

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

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

#31a61fの配色パターン

#89a685の配色パターン

#6ca663の配色パターン

#50a642の配色パターン

#33a621の配色パターン

#16a600の配色パターン

■#31a61f ■#89a685 ■#6ca663 ■#50a642 ■#33a621 ■#16a600

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

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

#31a61fの配色パターン

#941fa6の配色パターン

■#31a61f ■#941fa6

トライアド配色Triads

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

#31a61fの配色パターン

#1f31a6の配色パターン

#a61f31の配色パターン

■#31a61f ■#1f31a6 ■#a61f31

アナロガス配色Analogous

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

#a6941fの配色パターン

#31a61fの配色パターン

#1fa694の配色パターン

■#a6941f ■#31a61f ■#1fa694

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

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

#31a61fの配色パターン

#511fa6の配色パターン

#a61f75の配色パターン

■#31a61f ■#511fa6 ■#a61f75

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

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

#31a61fの配色パターン

#1f31a6の配色パターン

#941fa6の配色パターン

#a6941fの配色パターン

■#31a61f ■#1f31a6 ■#941fa6 ■#a6941f

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

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

#31a61fの配色パターン

#1f75a6の配色パターン

#941fa6の配色パターン

#a6511fの配色パターン

■#31a61f ■#1f75a6 ■#941fa6 ■#a6511f

ペンタード配色Pentad

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

#31a61fの配色パターン

#1f9da6の配色パターン

#431fa6の配色パターン

#a61f67の配色パターン

#a6791fの配色パターン

■#31a61f ■#1f9da6 ■#431fa6 ■#a61f67 ■#a6791f

ヘクサード配色Hexad

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

#31a61fの配色パターン

#1fa694の配色パターン

#1f31a6の配色パターン

#941fa6の配色パターン

#a61f31の配色パターン

#a6941fの配色パターン

■#31a61f ■#1fa694 ■#1f31a6 ■#941fa6 ■#a61f31 ■#a6941f