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

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

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

キーカラーKey Color

配色の基準となる色

#b8777cの配色パターン

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

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

#b8777cの配色パターン

#332123の配色パターン

#664245の配色パターン

#996368の配色パターン

#cc858bの配色パターン

#ffa6adの配色パターン

■#b8777c ■#332123 ■#664245 ■#996368 ■#cc858b ■#ffa6ad

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

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

#b8777cの配色パターン

#b89396の配色パターン

#b86e74の配色パターン

#b84953の配色パターン

#b82531の配色パターン

#b8000fの配色パターン

■#b8777c ■#b89396 ■#b86e74 ■#b84953 ■#b82531 ■#b8000f

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

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

#b8777cの配色パターン

#77b8b2の配色パターン

■#b8777c ■#77b8b2

トライアド配色Triads

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

#b8777cの配色パターン

#7db877の配色パターン

#777db8の配色パターン

■#b8777c ■#7db877 ■#777db8

アナロガス配色Analogous

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

#b277b8の配色パターン

#b8777cの配色パターン

#b8b277の配色パターン

■#b277b8 ■#b8777c ■#b8b277

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

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

#b8777cの配色パターン

#77b892の配色パターン

#779db8の配色パターン

■#b8777c ■#77b892 ■#779db8

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

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

#b8777cの配色パターン

#7db877の配色パターン

#77b8b2の配色パターン

#b277b8の配色パターン

■#b8777c ■#7db877 ■#77b8b2 ■#b277b8

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

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

#b8777cの配色パターン

#9db877の配色パターン

#77b8b2の配色パターン

#9277b8の配色パターン

■#b8777c ■#9db877 ■#77b8b2 ■#9277b8

ペンタード配色Pentad

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

#b8777cの配色パターン

#b0b877の配色パターン

#77b88cの配色パターン

#7796b8の配色パターン

#a577b8の配色パターン

■#b8777c ■#b0b877 ■#77b88c ■#7796b8 ■#a577b8

ヘクサード配色Hexad

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

#b8777cの配色パターン

#b8b277の配色パターン

#7db877の配色パターン

#77b8b2の配色パターン

#777db8の配色パターン

#b277b8の配色パターン

■#b8777c ■#b8b277 ■#7db877 ■#77b8b2 ■#777db8 ■#b277b8