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

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

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

キーカラーKey Color

配色の基準となる色

#3b6391の配色パターン

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

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

#3b6391の配色パターン

#152333の配色パターン

#2a4666の配色パターン

#3f6999の配色パターン

#548cccの配色パターン

#69afffの配色パターン

■#3b6391 ■#152333 ■#2a4666 ■#3f6999 ■#548ccc ■#69afff

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

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

#3b6391の配色パターン

#748291の配色パターン

#577291の配色パターン

#3a6391の配色パターン

#1d5391の配色パターン

#004491の配色パターン

■#3b6391 ■#748291 ■#577291 ■#3a6391 ■#1d5391 ■#004491

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

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

#3b6391の配色パターン

#91693cの配色パターン

■#3b6391 ■#91693c

トライアド配色Triads

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

#3b6391の配色パターン

#913c64の配色パターン

#64913cの配色パターン

■#3b6391 ■#913c64 ■#64913c

アナロガス配色Analogous

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

#3c9169の配色パターン

#3b6391の配色パターン

#693c91の配色パターン

■#3c9169 ■#3b6391 ■#693c91

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

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

#3b6391の配色パターン

#913e3cの配色パターン

#8e913cの配色パターン

■#3b6391 ■#913e3c ■#8e913c

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

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

#3b6391の配色パターン

#913c64の配色パターン

#91693cの配色パターン

#3c9169の配色パターン

■#3b6391 ■#913c64 ■#91693c ■#3c9169

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

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

#3b6391の配色パターン

#913c8eの配色パターン

#91693cの配色パターン

#3c913eの配色パターン

■#3b6391 ■#913c8e ■#91693c ■#3c913e

ペンタード配色Pentad

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

#3b6391の配色パターン

#7a3c91の配色パターン

#913c41の配色パターン

#86913cの配色パターン

#3c9158の配色パターン

■#3b6391 ■#7a3c91 ■#913c41 ■#86913c ■#3c9158

ヘクサード配色Hexad

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

#3b6391の配色パターン

#693c91の配色パターン

#913c64の配色パターン

#91693cの配色パターン

#64913cの配色パターン

#3c9169の配色パターン

■#3b6391 ■#693c91 ■#913c64 ■#91693c ■#64913c ■#3c9169