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

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

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

キーカラーKey Color

配色の基準となる色

#b55344の配色パターン

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

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

#b55344の配色パターン

#331813の配色パターン

#662f27の配色パターン

#99473aの配色パターン

#cc5e4eの配色パターン

#ff7661の配色パターン

■#b55344 ■#331813 ■#662f27 ■#99473a ■#cc5e4e ■#ff7661

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

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

#b55344の配色パターン

#b59691の配色パターン

#b5766dの配色パターン

#b55748の配色パターン

#b53824の配色パターン

#b51800の配色パターン

■#b55344 ■#b59691 ■#b5766d ■#b55748 ■#b53824 ■#b51800

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

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

#b55344の配色パターン

#45a6b5の配色パターン

■#b55344 ■#45a6b5

トライアド配色Triads

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

#b55344の配色パターン

#45b554の配色パターン

#5445b5の配色パターン

■#b55344 ■#45b554 ■#5445b5

アナロガス配色Analogous

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

#b545a6の配色パターン

#b55344の配色パターン

#a6b545の配色パターン

■#b545a6 ■#b55344 ■#a6b545

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

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

#b55344の配色パターン

#45b58cの配色パターン

#456eb5の配色パターン

■#b55344 ■#45b58c ■#456eb5

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

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

#b55344の配色パターン

#45b554の配色パターン

#45a6b5の配色パターン

#b545a6の配色パターン

■#b55344 ■#45b554 ■#45a6b5 ■#b545a6

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

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

#b55344の配色パターン

#6eb545の配色パターン

#45a6b5の配色パターン

#8c45b5の配色パターン

■#b55344 ■#6eb545 ■#45a6b5 ■#8c45b5

ペンタード配色Pentad

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

#b55344の配色パターン

#90b545の配色パターン

#45b581の配色パターン

#4563b5の配色パターン

#ae45b5の配色パターン

■#b55344 ■#90b545 ■#45b581 ■#4563b5 ■#ae45b5

ヘクサード配色Hexad

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

#b55344の配色パターン

#a6b545の配色パターン

#45b554の配色パターン

#45a6b5の配色パターン

#5445b5の配色パターン

#b545a6の配色パターン

■#b55344 ■#a6b545 ■#45b554 ■#45a6b5 ■#5445b5 ■#b545a6