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

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

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

キーカラーKey Color

配色の基準となる色

#5d6081の配色パターン

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

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

#5d6081の配色パターン

#252633の配色パターン

#494c66の配色パターン

#6e7299の配色パターン

#9398ccの配色パターン

#b8beffの配色パターン

■#5d6081 ■#252633 ■#494c66 ■#6e7299 ■#9398cc ■#b8beff

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

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

#5d6081の配色パターン

#686a82の配色パターン

#4e5282の配色パターン

#343b82の配色パターン

#1a2382の配色パターン

#000b82の配色パターン

■#5d6081 ■#686a82 ■#4e5282 ■#343b82 ■#1a2382 ■#000b82

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

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

#5d6081の配色パターン

#827f5eの配色パターン

■#5d6081 ■#827f5e

トライアド配色Triads

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

#5d6081の配色パターン

#825e61の配色パターン

#61825eの配色パターン

■#5d6081 ■#825e61 ■#61825e

アナロガス配色Analogous

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

#5e827fの配色パターン

#5d6081の配色パターン

#7f5e82の配色パターン

■#5e827f ■#5d6081 ■#7f5e82

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

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

#5d6081の配色パターン

#826d5eの配色パターン

#73825eの配色パターン

■#5d6081 ■#826d5e ■#73825e

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

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

#5d6081の配色パターン

#825e61の配色パターン

#827f5eの配色パターン

#5e827fの配色パターン

■#5d6081 ■#825e61 ■#827f5e ■#5e827f

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

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

#5d6081の配色パターン

#825e73の配色パターン

#827f5eの配色パターン

#5e826dの配色パターン

■#5d6081 ■#825e73 ■#827f5e ■#5e826d

ペンタード配色Pentad

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

#5d6081の配色パターン

#825e7eの配色パターン

#82695eの配色パターン

#6f825eの配色パターン

#5e8278の配色パターン

■#5d6081 ■#825e7e ■#82695e ■#6f825e ■#5e8278

ヘクサード配色Hexad

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

#5d6081の配色パターン

#7f5e82の配色パターン

#825e61の配色パターン

#827f5eの配色パターン

#61825eの配色パターン

#5e827fの配色パターン

■#5d6081 ■#7f5e82 ■#825e61 ■#827f5e ■#61825e ■#5e827f