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

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

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

キーカラーKey Color

配色の基準となる色

#3567fbの配色パターン

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

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

#3567fbの配色パターン

#0b1533の配色パターン

#152a66の配色パターン

#203e99の配色パターン

#2b53ccの配色パターン

#3668ffの配色パターン

■#3567fb ■#0b1533 ■#152a66 ■#203e99 ■#2b53cc ■#3668ff

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

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

#3567fbの配色パターン

#c8d4faの配色パターン

#96affaの配色パターン

#6489faの配色パターン

#3264faの配色パターン

#003efaの配色パターン

■#3567fb ■#c8d4fa ■#96affa ■#6489fa ■#3264fa ■#003efa

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

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

#3567fbの配色パターン

#fac934の配色パターン

■#3567fb ■#fac934

トライアド配色Triads

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

#3567fbの配色パターン

#fa3466の配色パターン

#66fa34の配色パターン

■#3567fb ■#fa3466 ■#66fa34

アナロガス配色Analogous

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

#34fac9の配色パターン

#3567fbの配色パターン

#c934faの配色パターン

■#34fac9 ■#3567fb ■#c934fa

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

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

#3567fbの配色パターン

#fa6634の配色パターン

#c9fa34の配色パターン

■#3567fb ■#fa6634 ■#c9fa34

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

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

#3567fbの配色パターン

#fa3466の配色パターン

#fac934の配色パターン

#34fac9の配色パターン

■#3567fb ■#fa3466 ■#fac934 ■#34fac9

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

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

#3567fbの配色パターン

#fa34c9の配色パターン

#fac934の配色パターン

#34fa66の配色パターン

■#3567fb ■#fa34c9 ■#fac934 ■#34fa66

ペンタード配色Pentad

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

#3567fbの配色パターン

#f034faの配色パターン

#fa5234の配色パターン

#b5fa34の配色パターン

#34faa1の配色パターン

■#3567fb ■#f034fa ■#fa5234 ■#b5fa34 ■#34faa1

ヘクサード配色Hexad

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

#3567fbの配色パターン

#c934faの配色パターン

#fa3466の配色パターン

#fac934の配色パターン

#66fa34の配色パターン

#34fac9の配色パターン

■#3567fb ■#c934fa ■#fa3466 ■#fac934 ■#66fa34 ■#34fac9