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

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

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

キーカラーKey Color

配色の基準となる色

#e396a0の配色パターン

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

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

#e396a0の配色パターン

#332224の配色パターン

#664348の配色パターン

#99656cの配色パターン

#cc8790の配色パターン

#ffa8b4の配色パターン

■#e396a0 ■#332224 ■#664348 ■#99656c ■#cc8790 ■#ffa8b4

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

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

#e396a0の配色パターン

#e3b6bcの配色パターン

#e38894の配色パターン

#e35b6dの配色パターン

#e32d46の配色パターン

#e3001eの配色パターン

■#e396a0 ■#e3b6bc ■#e38894 ■#e35b6d ■#e32d46 ■#e3001e

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

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

#e396a0の配色パターン

#96e3d9の配色パターン

■#e396a0 ■#96e3d9

トライアド配色Triads

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

#e396a0の配色パターン

#a0e396の配色パターン

#96a0e3の配色パターン

■#e396a0 ■#a0e396 ■#96a0e3

アナロガス配色Analogous

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

#d996e3の配色パターン

#e396a0の配色パターン

#e3d996の配色パターン

■#d996e3 ■#e396a0 ■#e3d996

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

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

#e396a0の配色パターン

#96e3b2の配色パターン

#96c7e3の配色パターン

■#e396a0 ■#96e3b2 ■#96c7e3

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

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

#e396a0の配色パターン

#a0e396の配色パターン

#96e3d9の配色パターン

#d996e3の配色パターン

■#e396a0 ■#a0e396 ■#96e3d9 ■#d996e3

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

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

#e396a0の配色パターン

#c7e396の配色パターン

#96e3d9の配色パターン

#b296e3の配色パターン

■#e396a0 ■#c7e396 ■#96e3d9 ■#b296e3

ペンタード配色Pentad

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

#e396a0の配色パターン

#dee396の配色パターン

#96e3aaの配色パターン

#96bfe3の配色パターン

#c996e3の配色パターン

■#e396a0 ■#dee396 ■#96e3aa ■#96bfe3 ■#c996e3

ヘクサード配色Hexad

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

#e396a0の配色パターン

#e3d996の配色パターン

#a0e396の配色パターン

#96e3d9の配色パターン

#96a0e3の配色パターン

#d996e3の配色パターン

■#e396a0 ■#e3d996 ■#a0e396 ■#96e3d9 ■#96a0e3 ■#d996e3