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

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

#98c931の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#98c931の配色パターン

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

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

#98c931の配色パターン

#27330cの配色パターン

#4d6618の配色パターン

#749925の配色パターン

#9bcc31の配色パターン

#c2ff3dの配色パターン

■#98c931 ■#27330c ■#4d6618 ■#749925 ■#9bcc31 ■#c2ff3d

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

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

#98c931の配色パターン

#bdc9a1の配色パターン

#b0c979の配色パターン

#a3c951の配色パターン

#96c928の配色パターン

#8ac900の配色パターン

■#98c931 ■#bdc9a1 ■#b0c979 ■#a3c951 ■#96c928 ■#8ac900

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

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

#98c931の配色パターン

#6130c9の配色パターン

■#98c931 ■#6130c9

トライアド配色Triads

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

#98c931の配色パターン

#3099c9の配色パターン

#c93099の配色パターン

■#98c931 ■#3099c9 ■#c93099

アナロガス配色Analogous

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

#c96130の配色パターン

#98c931の配色パターン

#30c961の配色パターン

■#c96130 ■#98c931 ■#30c961

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

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

#98c931の配色パターン

#304cc9の配色パターン

#ad30c9の配色パターン

■#98c931 ■#304cc9 ■#ad30c9

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

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

#98c931の配色パターン

#3099c9の配色パターン

#6130c9の配色パターン

#c96130の配色パターン

■#98c931 ■#3099c9 ■#6130c9 ■#c96130

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

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

#98c931の配色パターン

#30c9adの配色パターン

#6130c9の配色パターン

#c9304cの配色パターン

■#98c931 ■#30c9ad ■#6130c9 ■#c9304c

ペンタード配色Pentad

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

#98c931の配色パターン

#30c97fの配色パターン

#305cc9の配色パターン

#bd30c9の配色パターン

#c94230の配色パターン

■#98c931 ■#30c97f ■#305cc9 ■#bd30c9 ■#c94230

ヘクサード配色Hexad

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

#98c931の配色パターン

#30c961の配色パターン

#3099c9の配色パターン

#6130c9の配色パターン

#c93099の配色パターン

#c96130の配色パターン

■#98c931 ■#30c961 ■#3099c9 ■#6130c9 ■#c93099 ■#c96130