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

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

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

キーカラーKey Color

配色の基準となる色

#bffab1の配色パターン

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

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

#bffab1の配色パターン

#273324の配色パターン

#4e6648の配色パターン

#76996dの配色パターン

#9dcc91の配色パターン

#c4ffb5の配色パターン

■#bffab1 ■#273324 ■#4e6648 ■#76996d ■#9dcc91 ■#c4ffb5

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

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

#bffab1の配色パターン

#d2fac8の配色パターン

#aafa96の配色パターン

#82fa64の配色パターン

#5afa32の配色パターン

#32fa00の配色パターン

■#bffab1 ■#d2fac8 ■#aafa96 ■#82fa64 ■#5afa32 ■#32fa00

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

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

#bffab1の配色パターン

#ebb1faの配色パターン

■#bffab1 ■#ebb1fa

トライアド配色Triads

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

#bffab1の配色パターン

#b1c0faの配色パターン

#fab1c0の配色パターン

■#bffab1 ■#b1c0fa ■#fab1c0

アナロガス配色Analogous

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

#faebb1の配色パターン

#bffab1の配色パターン

#b1faebの配色パターン

■#faebb1 ■#bffab1 ■#b1faeb

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

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

#bffab1の配色パターン

#c7b1faの配色パターン

#fab1e4の配色パターン

■#bffab1 ■#c7b1fa ■#fab1e4

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

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

#bffab1の配色パターン

#b1c0faの配色パターン

#ebb1faの配色パターン

#faebb1の配色パターン

■#bffab1 ■#b1c0fa ■#ebb1fa ■#faebb1

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

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

#bffab1の配色パターン

#b1e4faの配色パターン

#ebb1faの配色パターン

#fac7b1の配色パターン

■#bffab1 ■#b1e4fa ■#ebb1fa ■#fac7b1

ペンタード配色Pentad

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

#bffab1の配色パターン

#b1fafaの配色パターン

#c0b1faの配色パターン

#fab1ddの配色パターン

#faddb1の配色パターン

■#bffab1 ■#b1fafa ■#c0b1fa ■#fab1dd ■#faddb1

ヘクサード配色Hexad

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

#bffab1の配色パターン

#b1faebの配色パターン

#b1c0faの配色パターン

#ebb1faの配色パターン

#fab1c0の配色パターン

#faebb1の配色パターン

■#bffab1 ■#b1faeb ■#b1c0fa ■#ebb1fa ■#fab1c0 ■#faebb1