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

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

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

キーカラーKey Color

配色の基準となる色

#3f7fffの配色パターン

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

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

#3f7fffの配色パターン

#0d1a33の配色パターン

#1a3366の配色パターン

#264d99の配色パターン

#3366ccの配色パターン

#3f7fffの配色パターン

■#3f7fff ■#0d1a33 ■#1a3366 ■#264d99 ■#3366cc ■#3f7fff

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

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

#3f7fffの配色パターン

#ccddffの配色パターン

#99bbffの配色パターン

#6699ffの配色パターン

#3377ffの配色パターン

#0055ffの配色パターン

■#3f7fff ■#ccddff ■#99bbff ■#6699ff ■#3377ff ■#0055ff

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

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

#3f7fffの配色パターン

#ffbf40の配色パターン

■#3f7fff ■#ffbf40

トライアド配色Triads

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

#3f7fffの配色パターン

#ff4080の配色パターン

#80ff40の配色パターン

■#3f7fff ■#ff4080 ■#80ff40

アナロガス配色Analogous

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

#40ffbfの配色パターン

#3f7fffの配色パターン

#bf40ffの配色パターン

■#40ffbf ■#3f7fff ■#bf40ff

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

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

#3f7fffの配色パターン

#ff6040の配色パターン

#dfff40の配色パターン

■#3f7fff ■#ff6040 ■#dfff40

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

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

#3f7fffの配色パターン

#ff4080の配色パターン

#ffbf40の配色パターン

#40ffbfの配色パターン

■#3f7fff ■#ff4080 ■#ffbf40 ■#40ffbf

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

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

#3f7fffの配色パターン

#ff40dfの配色パターン

#ffbf40の配色パターン

#40ff60の配色パターン

■#3f7fff ■#ff40df ■#ffbf40 ■#40ff60

ペンタード配色Pentad

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

#3f7fffの配色パターン

#e640ffの配色パターン

#ff4d40の配色パターン

#ccff40の配色パターン

#40ff99の配色パターン

■#3f7fff ■#e640ff ■#ff4d40 ■#ccff40 ■#40ff99

ヘクサード配色Hexad

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

#3f7fffの配色パターン

#bf40ffの配色パターン

#ff4080の配色パターン

#ffbf40の配色パターン

#80ff40の配色パターン

#40ffbfの配色パターン

■#3f7fff ■#bf40ff ■#ff4080 ■#ffbf40 ■#80ff40 ■#40ffbf