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

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

#9cde87の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#9cde87の配色パターン

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

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

#9cde87の配色パターン

#24331fの配色パターン

#48663eの配色パターン

#6b995dの配色パターン

#8fcc7cの配色パターン

#b3ff9cの配色パターン

■#9cde87 ■#24331f ■#48663e ■#6b995d ■#8fcc7c ■#b3ff9c

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

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

#9cde87の配色パターン

#bcdeb1の配色パターン

#9ade85の配色パターン

#78de59の配色パターン

#56de2cの配色パターン

#34de00の配色パターン

■#9cde87 ■#bcdeb1 ■#9ade85 ■#78de59 ■#56de2c ■#34de00

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

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

#9cde87の配色パターン

#ca87deの配色パターン

■#9cde87 ■#ca87de

トライアド配色Triads

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

#9cde87の配色パターン

#879cdeの配色パターン

#de879cの配色パターン

■#9cde87 ■#879cde ■#de879c

アナロガス配色Analogous

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

#deca87の配色パターン

#9cde87の配色パターン

#87decaの配色パターン

■#deca87 ■#9cde87 ■#87deca

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

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

#9cde87の配色パターン

#9e87deの配色パターン

#de87c7の配色パターン

■#9cde87 ■#9e87de ■#de87c7

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

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

#9cde87の配色パターン

#879cdeの配色パターン

#ca87deの配色パターン

#deca87の配色パターン

■#9cde87 ■#879cde ■#ca87de ■#deca87

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

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

#9cde87の配色パターン

#87c7deの配色パターン

#ca87deの配色パターン

#de9e87の配色パターン

■#9cde87 ■#87c7de ■#ca87de ■#de9e87

ペンタード配色Pentad

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

#9cde87の配色パターン

#87dedbの配色パターン

#9687deの配色パターン

#de87beの配色パターン

#deb887の配色パターン

■#9cde87 ■#87dedb ■#9687de ■#de87be ■#deb887

ヘクサード配色Hexad

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

#9cde87の配色パターン

#87decaの配色パターン

#879cdeの配色パターン

#ca87deの配色パターン

#de879cの配色パターン

#deca87の配色パターン

■#9cde87 ■#87deca ■#879cde ■#ca87de ■#de879c ■#deca87