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

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

#8fbd4bの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#8fbd4bの配色パターン

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

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

#8fbd4bの配色パターン

#273314の配色パターン

#4e6629の配色パターン

#74993dの配色パターン

#9bcc52の配色パターン

#c2ff66の配色パターン

■#8fbd4b ■#273314 ■#4e6629 ■#74993d ■#9bcc52 ■#c2ff66

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

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

#8fbd4bの配色パターン

#aebd97の配色パターン

#9fbd71の配色パターン

#8fbd4bの配色パターン

#80bd26の配色パターン

#71bd00の配色パターン

■#8fbd4b ■#aebd97 ■#9fbd71 ■#8fbd4b ■#80bd26 ■#71bd00

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

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

#8fbd4bの配色パターン

#794bbdの配色パターン

■#8fbd4b ■#794bbd

トライアド配色Triads

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

#8fbd4bの配色パターン

#4b8fbdの配色パターン

#bd4b8fの配色パターン

■#8fbd4b ■#4b8fbd ■#bd4b8f

アナロガス配色Analogous

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

#bd794bの配色パターン

#8fbd4bの配色パターン

#4bbd79の配色パターン

■#bd794b ■#8fbd4b ■#4bbd79

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

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

#8fbd4bの配色パターン

#4b57bdの配色パターン

#b14bbdの配色パターン

■#8fbd4b ■#4b57bd ■#b14bbd

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

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

#8fbd4bの配色パターン

#4b8fbdの配色パターン

#794bbdの配色パターン

#bd794bの配色パターン

■#8fbd4b ■#4b8fbd ■#794bbd ■#bd794b

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

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

#8fbd4bの配色パターン

#4bbdb1の配色パターン

#794bbdの配色パターン

#bd4b57の配色パターン

■#8fbd4b ■#4bbdb1 ■#794bbd ■#bd4b57

ペンタード配色Pentad

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

#8fbd4bの配色パターン

#4bbd8fの配色パターン

#4b62bdの配色パターン

#bd4bbdの配色パターン

#bd624bの配色パターン

■#8fbd4b ■#4bbd8f ■#4b62bd ■#bd4bbd ■#bd624b

ヘクサード配色Hexad

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

#8fbd4bの配色パターン

#4bbd79の配色パターン

#4b8fbdの配色パターン

#794bbdの配色パターン

#bd4b8fの配色パターン

#bd794bの配色パターン

■#8fbd4b ■#4bbd79 ■#4b8fbd ■#794bbd ■#bd4b8f ■#bd794b