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

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

ミストの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#b4aeb1の配色パターン

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

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

#b4aeb1の配色パターン

#333132の配色パターン

#666364の配色パターン

#999497の配色パターン

#ccc6c9の配色パターン

#fff7fbの配色パターン

■#b4aeb1 ■#333132 ■#666364 ■#999497 ■#ccc6c9 ■#fff7fb

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

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

#b4aeb1の配色パターン

#b591a3の配色パターン

#b56d91の配色パターン

#b5487fの配色パターン

#b5246dの配色パターン

#b5005bの配色パターン

■#b4aeb1 ■#b591a3 ■#b56d91 ■#b5487f ■#b5246d ■#b5005b

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

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

#b4aeb1の配色パターン

#b0b5b2の配色パターン

■#b4aeb1 ■#b0b5b2

トライアド配色Triads

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

#b4aeb1の配色パターン

#b2b5b0の配色パターン

#b0b2b5の配色パターン

■#b4aeb1 ■#b2b5b0 ■#b0b2b5

アナロガス配色Analogous

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

#b2b0b5の配色パターン

#b4aeb1の配色パターン

#b5b2b0の配色パターン

■#b2b0b5 ■#b4aeb1 ■#b5b2b0

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

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

#b4aeb1の配色パターン

#b0b5b0の配色パターン

#b0b5b5の配色パターン

■#b4aeb1 ■#b0b5b0 ■#b0b5b5

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

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

#b4aeb1の配色パターン

#b2b5b0の配色パターン

#b0b5b2の配色パターン

#b2b0b5の配色パターン

■#b4aeb1 ■#b2b5b0 ■#b0b5b2 ■#b2b0b5

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

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

#b4aeb1の配色パターン

#b5b5b0の配色パターン

#b0b5b2の配色パターン

#b0b0b5の配色パターン

■#b4aeb1 ■#b5b5b0 ■#b0b5b2 ■#b0b0b5

ペンタード配色Pentad

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

#b4aeb1の配色パターン

#b5b3b0の配色パターン

#b0b5b0の配色パターン

#b0b5b5の配色パターン

#b1b0b5の配色パターン

■#b4aeb1 ■#b5b3b0 ■#b0b5b0 ■#b0b5b5 ■#b1b0b5

ヘクサード配色Hexad

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

#b4aeb1の配色パターン

#b5b2b0の配色パターン

#b2b5b0の配色パターン

#b0b5b2の配色パターン

#b0b2b5の配色パターン

#b2b0b5の配色パターン

■#b4aeb1 ■#b5b2b0 ■#b2b5b0 ■#b0b5b2 ■#b0b2b5 ■#b2b0b5