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

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

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

キーカラーKey Color

配色の基準となる色

#5d7ddeの配色パターン

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

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

#5d7ddeの配色パターン

#151d33の配色パターン

#2b3a66の配色パターン

#405699の配色パターン

#5673ccの配色パターン

#6b90ffの配色パターン

■#5d7dde ■#151d33 ■#2b3a66 ■#405699 ■#5673cc ■#6b90ff

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

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

#5d7ddeの配色パターン

#b1bddeの配色パターン

#859bdeの配色パターン

#597adeの配色パターン

#2c59deの配色パターン

#0037deの配色パターン

■#5d7dde ■#b1bdde ■#859bde ■#597ade ■#2c59de ■#0037de

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

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

#5d7ddeの配色パターン

#debe5dの配色パターン

■#5d7dde ■#debe5d

トライアド配色Triads

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

#5d7ddeの配色パターン

#de5d7dの配色パターン

#7dde5dの配色パターン

■#5d7dde ■#de5d7d ■#7dde5d

アナロガス配色Analogous

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

#5ddebeの配色パターン

#5d7ddeの配色パターン

#be5ddeの配色パターン

■#5ddebe ■#5d7dde ■#be5dde

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

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

#5d7ddeの配色パターン

#de7d5dの配色パターン

#bede5dの配色パターン

■#5d7dde ■#de7d5d ■#bede5d

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

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

#5d7ddeの配色パターン

#de5d7dの配色パターン

#debe5dの配色パターン

#5ddebeの配色パターン

■#5d7dde ■#de5d7d ■#debe5d ■#5ddebe

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

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

#5d7ddeの配色パターン

#de5dbeの配色パターン

#debe5dの配色パターン

#5dde7dの配色パターン

■#5d7dde ■#de5dbe ■#debe5d ■#5dde7d

ペンタード配色Pentad

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

#5d7ddeの配色パターン

#d75ddeの配色パターン

#de705dの配色パターン

#b1de5dの配色パターン

#5ddea4の配色パターン

■#5d7dde ■#d75dde ■#de705d ■#b1de5d ■#5ddea4

ヘクサード配色Hexad

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

#5d7ddeの配色パターン

#be5ddeの配色パターン

#de5d7dの配色パターン

#debe5dの配色パターン

#7dde5dの配色パターン

#5ddebeの配色パターン

■#5d7dde ■#be5dde ■#de5d7d ■#debe5d ■#7dde5d ■#5ddebe