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

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

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

キーカラーKey Color

配色の基準となる色

#553f61の配色パターン

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

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

#553f61の配色パターン

#2d2133の配色パターン

#5a4266の配色パターン

#866399の配色パターン

#b385ccの配色パターン

#e0a6ffの配色パターン

■#553f61 ■#2d2133 ■#5a4266 ■#866399 ■#b385cc ■#e0a6ff

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

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

#553f61の配色パターン

#5a4e61の配色パターン

#533a61の配色パターン

#4d2761の配色パターン

#461361の配色パターン

#3f0061の配色パターン

■#553f61 ■#5a4e61 ■#533a61 ■#4d2761 ■#461361 ■#3f0061

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

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

#553f61の配色パターン

#4b613fの配色パターン

■#553f61 ■#4b613f

トライアド配色Triads

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

#553f61の配色パターン

#61553fの配色パターン

#3f6155の配色パターン

■#553f61 ■#61553f ■#3f6155

アナロガス配色Analogous

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

#3f4b61の配色パターン

#553f61の配色パターン

#613f4bの配色パターン

■#3f4b61 ■#553f61 ■#613f4b

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

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

#553f61の配色パターン

#5c613fの配色パターン

#3f6144の配色パターン

■#553f61 ■#5c613f ■#3f6144

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

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

#553f61の配色パターン

#61553fの配色パターン

#4b613fの配色パターン

#3f4b61の配色パターン

■#553f61 ■#61553f ■#4b613f ■#3f4b61

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

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

#553f61の配色パターン

#61443fの配色パターン

#4b613fの配色パターン

#3f5c61の配色パターン

■#553f61 ■#61443f ■#4b613f ■#3f5c61

ペンタード配色Pentad

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

#553f61の配色パターン

#613f44の配色パターン

#5f613fの配色パターン

#3f6147の配色パターン

#3f5261の配色パターン

■#553f61 ■#613f44 ■#5f613f ■#3f6147 ■#3f5261

ヘクサード配色Hexad

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

#553f61の配色パターン

#613f4bの配色パターン

#61553fの配色パターン

#4b613fの配色パターン

#3f6155の配色パターン

#3f4b61の配色パターン

■#553f61 ■#613f4b ■#61553f ■#4b613f ■#3f6155 ■#3f4b61