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

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

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

キーカラーKey Color

配色の基準となる色

#8390c5の配色パターン

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

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

#8390c5の配色パターン

#222533の配色パターン

#434a66の配色パターン

#656f99の配色パターン

#8795ccの配色パターン

#a8baffの配色パターン

■#8390c5 ■#222533 ■#434a66 ■#656f99 ■#8795cc ■#a8baff

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

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

#8390c5の配色パターン

#9da5c4の配色パターン

#7686c4の配色パターン

#4f66c4の配色パターン

#2747c4の配色パターン

#0027c4の配色パターン

■#8390c5 ■#9da5c4 ■#7686c4 ■#4f66c4 ■#2747c4 ■#0027c4

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

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

#8390c5の配色パターン

#c4b782の配色パターン

■#8390c5 ■#c4b782

トライアド配色Triads

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

#8390c5の配色パターン

#c4828fの配色パターン

#8fc482の配色パターン

■#8390c5 ■#c4828f ■#8fc482

アナロガス配色Analogous

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

#82c4b7の配色パターン

#8390c5の配色パターン

#b782c4の配色パターン

■#82c4b7 ■#8390c5 ■#b782c4

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

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

#8390c5の配色パターン

#c49682の配色パターン

#b0c482の配色パターン

■#8390c5 ■#c49682 ■#b0c482

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

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

#8390c5の配色パターン

#c4828fの配色パターン

#c4b782の配色パターン

#82c4b7の配色パターン

■#8390c5 ■#c4828f ■#c4b782 ■#82c4b7

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

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

#8390c5の配色パターン

#c482b0の配色パターン

#c4b782の配色パターン

#82c496の配色パターン

■#8390c5 ■#c482b0 ■#c4b782 ■#82c496

ペンタード配色Pentad

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

#8390c5の配色パターン

#c482c4の配色パターン

#c48f82の配色パターン

#aac482の配色パターン

#82c4aaの配色パターン

■#8390c5 ■#c482c4 ■#c48f82 ■#aac482 ■#82c4aa

ヘクサード配色Hexad

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

#8390c5の配色パターン

#b782c4の配色パターン

#c4828fの配色パターン

#c4b782の配色パターン

#8fc482の配色パターン

#82c4b7の配色パターン

■#8390c5 ■#b782c4 ■#c4828f ■#c4b782 ■#8fc482 ■#82c4b7