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

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

#51b878の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#51b878の配色パターン

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

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

#51b878の配色パターン

#163321の配色パターン

#2d6643の配色パターン

#439964の配色パターン

#5acc86の配色パターン

#70ffa7の配色パターン

■#51b878 ■#163321 ■#2d6643 ■#439964 ■#5acc86 ■#70ffa7

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

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

#51b878の配色パターン

#93b8a1の配色パターン

#6eb88aの配色パターン

#49b874の配色パターン

#25b85dの配色パターン

#00b846の配色パターン

■#51b878 ■#93b8a1 ■#6eb88a ■#49b874 ■#25b85d ■#00b846

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

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

#51b878の配色パターン

#b85190の配色パターン

■#51b878 ■#b85190

トライアド配色Triads

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

#51b878の配色パターン

#7851b8の配色パターン

#b87851の配色パターン

■#51b878 ■#7851b8 ■#b87851

アナロガス配色Analogous

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

#90b851の配色パターン

#51b878の配色パターン

#5190b8の配色パターン

■#90b851 ■#51b878 ■#5190b8

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

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

#51b878の配色パターン

#ac51b8の配色パターン

#b8515dの配色パターン

■#51b878 ■#ac51b8 ■#b8515d

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

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

#51b878の配色パターン

#7851b8の配色パターン

#b85190の配色パターン

#90b851の配色パターン

■#51b878 ■#7851b8 ■#b85190 ■#90b851

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

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

#51b878の配色パターン

#515db8の配色パターン

#b85190の配色パターン

#b8ac51の配色パターン

■#51b878 ■#515db8 ■#b85190 ■#b8ac51

ペンタード配色Pentad

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

#51b878の配色パターン

#517cb8の配色パターン

#a151b8の配色パターン

#b85152の配色パターン

#a5b851の配色パターン

■#51b878 ■#517cb8 ■#a151b8 ■#b85152 ■#a5b851

ヘクサード配色Hexad

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

#51b878の配色パターン

#5190b8の配色パターン

#7851b8の配色パターン

#b85190の配色パターン

#b87851の配色パターン

#90b851の配色パターン

■#51b878 ■#5190b8 ■#7851b8 ■#b85190 ■#b87851 ■#90b851