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

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

#54496bの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#54496bの配色パターン

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

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

#54496bの配色パターン

#282333の配色パターン

#504566の配色パターン

#786899の配色パターン

#9f8bccの配色パターン

#c7adffの配色パターン

■#54496b ■#282333 ■#504566 ■#786899 ■#9f8bcc ■#c7adff

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

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

#54496bの配色パターン

#5c566bの配色パターン

#4e406bの配色パターン

#3f2b6bの配色パターン

#31156bの配色パターン

#22006bの配色パターン

■#54496b ■#5c566b ■#4e406b ■#3f2b6b ■#31156b ■#22006b

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

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

#54496bの配色パターン

#606b49の配色パターン

■#54496b ■#606b49

トライアド配色Triads

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

#54496bの配色パターン

#6b5449の配色パターン

#496b54の配色パターン

■#54496b ■#6b5449 ■#496b54

アナロガス配色Analogous

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

#49606bの配色パターン

#54496bの配色パターン

#6b4960の配色パターン

■#49606b ■#54496b ■#6b4960

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

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

#54496bの配色パターン

#6b6549の配色パターン

#4f6b49の配色パターン

■#54496b ■#6b6549 ■#4f6b49

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

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

#54496bの配色パターン

#6b5449の配色パターン

#606b49の配色パターン

#49606bの配色パターン

■#54496b ■#6b5449 ■#606b49 ■#49606b

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

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

#54496bの配色パターン

#6b494fの配色パターン

#606b49の配色パターン

#496b65の配色パターン

■#54496b ■#6b494f ■#606b49 ■#496b65

ペンタード配色Pentad

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

#54496bの配色パターン

#6b4959の配色パターン

#6b6149の配色パターン

#4c6b49の配色パターン

#49676bの配色パターン

■#54496b ■#6b4959 ■#6b6149 ■#4c6b49 ■#49676b

ヘクサード配色Hexad

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

#54496bの配色パターン

#6b4960の配色パターン

#6b5449の配色パターン

#606b49の配色パターン

#496b54の配色パターン

#49606bの配色パターン

■#54496b ■#6b4960 ■#6b5449 ■#606b49 ■#496b54 ■#49606b