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

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

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

キーカラーKey Color

配色の基準となる色

#909ac5の配色パターン

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

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

#909ac5の配色パターン

#252833の配色パターン

#4a5066の配色パターン

#707799の配色パターン

#959fccの配色パターン

#bac7ffの配色パターン

■#909ac5 ■#252833 ■#4a5066 ■#707799 ■#959fcc ■#bac7ff

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

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

#909ac5の配色パターン

#9da4c4の配色パターン

#7684c4の配色パターン

#4f64c4の配色パターン

#2744c4の配色パターン

#0024c4の配色パターン

■#909ac5 ■#9da4c4 ■#7684c4 ■#4f64c4 ■#2744c4 ■#0024c4

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

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

#909ac5の配色パターン

#c4bb8fの配色パターン

■#909ac5 ■#c4bb8f

トライアド配色Triads

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

#909ac5の配色パターン

#c48f99の配色パターン

#99c48fの配色パターン

■#909ac5 ■#c48f99 ■#99c48f

アナロガス配色Analogous

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

#8fc4bbの配色パターン

#909ac5の配色パターン

#bb8fc4の配色パターン

■#8fc4bb ■#909ac5 ■#bb8fc4

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

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

#909ac5の配色パターン

#c4a08fの配色パターン

#b4c48fの配色パターン

■#909ac5 ■#c4a08f ■#b4c48f

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

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

#909ac5の配色パターン

#c48f99の配色パターン

#c4bb8fの配色パターン

#8fc4bbの配色パターン

■#909ac5 ■#c48f99 ■#c4bb8f ■#8fc4bb

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

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

#909ac5の配色パターン

#c48fb4の配色パターン

#c4bb8fの配色パターン

#8fc4a0の配色パターン

■#909ac5 ■#c48fb4 ■#c4bb8f ■#8fc4a0

ペンタード配色Pentad

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

#909ac5の配色パターン

#c48fc3の配色パターン

#c49b8fの配色パターン

#aec48fの配色パターン

#8fc4b0の配色パターン

■#909ac5 ■#c48fc3 ■#c49b8f ■#aec48f ■#8fc4b0

ヘクサード配色Hexad

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

#909ac5の配色パターン

#bb8fc4の配色パターン

#c48f99の配色パターン

#c4bb8fの配色パターン

#99c48fの配色パターン

#8fc4bbの配色パターン

■#909ac5 ■#bb8fc4 ■#c48f99 ■#c4bb8f ■#99c48f ■#8fc4bb