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

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

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

キーカラーKey Color

配色の基準となる色

#7b870bの配色パターン

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

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

#7b870bの配色パターン

#2e3304の配色パターン

#5d6608の配色パターン

#8b990cの配色パターン

#b9cc10の配色パターン

#e8ff14の配色パターン

■#7b870b ■#2e3304 ■#5d6608 ■#8b990c ■#b9cc10 ■#e8ff14

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

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

#7b870bの配色パターン

#84876cの配色パターン

#828751の配色パターン

#7f8736の配色パターン

#7c871bの配色パターン

#7a8700の配色パターン

■#7b870b ■#84876c ■#828751 ■#7f8736 ■#7c871b ■#7a8700

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

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

#7b870bの配色パターン

#170b87の配色パターン

■#7b870b ■#170b87

トライアド配色Triads

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

#7b870bの配色パターン

#0b7b87の配色パターン

#870b7bの配色パターン

■#7b870b ■#0b7b87 ■#870b7b

アナロガス配色Analogous

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

#87170bの配色パターン

#7b870bの配色パターン

#0b8717の配色パターン

■#87170b ■#7b870b ■#0b8717

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

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

#7b870bの配色パターン

#0b3d87の配色パターン

#550b87の配色パターン

■#7b870b ■#0b3d87 ■#550b87

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

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

#7b870bの配色パターン

#0b7b87の配色パターン

#170b87の配色パターン

#87170bの配色パターン

■#7b870b ■#0b7b87 ■#170b87 ■#87170b

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

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

#7b870bの配色パターン

#0b8755の配色パターン

#170b87の配色パターン

#870b3dの配色パターン

■#7b870b ■#0b8755 ■#170b87 ■#870b3d

ペンタード配色Pentad

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

#7b870bの配色パターン

#0b8730の配色パターン

#0b4987の配色パターン

#620b87の配色パターン

#870b17の配色パターン

■#7b870b ■#0b8730 ■#0b4987 ■#620b87 ■#870b17

ヘクサード配色Hexad

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

#7b870bの配色パターン

#0b8717の配色パターン

#0b7b87の配色パターン

#170b87の配色パターン

#870b7bの配色パターン

#87170bの配色パターン

■#7b870b ■#0b8717 ■#0b7b87 ■#170b87 ■#870b7b ■#87170b