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

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

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

キーカラーKey Color

配色の基準となる色

#553c6aの配色パターン

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

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

#553c6aの配色パターン

#291d33の配色パターン

#523a66の配色パターン

#7b5799の配色パターン

#a574ccの配色パターン

#ce91ffの配色パターン

■#553c6a ■#291d33 ■#523a66 ■#7b5799 ■#a574cc ■#ce91ff

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

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

#553c6aの配色パターン

#61566bの配色パターン

#58406bの配色パターン

#4e2b6bの配色パターン

#45156bの配色パターン

#3b006bの配色パターン

■#553c6a ■#61566b ■#58406b ■#4e2b6b ■#45156b ■#3b006b

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

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

#553c6aの配色パターン

#526b3dの配色パターン

■#553c6a ■#526b3d

トライアド配色Triads

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

#553c6aの配色パターン

#6b563dの配色パターン

#3d6b56の配色パターン

■#553c6a ■#6b563d ■#3d6b56

アナロガス配色Analogous

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

#3d526bの配色パターン

#553c6aの配色パターン

#6b3d52の配色パターン

■#3d526b ■#553c6a ■#6b3d52

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

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

#553c6aの配色パターン

#696b3dの配色パターン

#3d6b3fの配色パターン

■#553c6a ■#696b3d ■#3d6b3f

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

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

#553c6aの配色パターン

#6b563dの配色パターン

#526b3dの配色パターン

#3d526bの配色パターン

■#553c6a ■#6b563d ■#526b3d ■#3d526b

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

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

#553c6aの配色パターン

#6b3f3dの配色パターン

#526b3dの配色パターン

#3d696bの配色パターン

■#553c6a ■#6b3f3d ■#526b3d ■#3d696b

ペンタード配色Pentad

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

#553c6aの配色パターン

#6b3d49の配色パターン

#6b693dの配色パターン

#3d6b44の配色パターン

#3d5b6bの配色パターン

■#553c6a ■#6b3d49 ■#6b693d ■#3d6b44 ■#3d5b6b

ヘクサード配色Hexad

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

#553c6aの配色パターン

#6b3d52の配色パターン

#6b563dの配色パターン

#526b3dの配色パターン

#3d6b56の配色パターン

#3d526bの配色パターン

■#553c6a ■#6b3d52 ■#6b563d ■#526b3d ■#3d6b56 ■#3d526b